応答のデフォルト1


What is the React?


Facebookで開発されたオープンソースJavaScriptライブラリです.ユーザーインタフェースを作成するために使用され、フロントエンド開発者の中でAngularJS、VueJSとともに人気があります.
シングルページアプリケーション(SPA)を前提として、次にVirtul Domを利用して、更新が必要なDOM要素を探し、その部分だけを更新するので、頻繁にレンダリングされるダイナミックモダンWeb上でスピーディーなパフォーマンスを披露します.

JSX

const heading = <h1 className= "site-heading">Hello, React </h1>
// JSX사용
const heading = React.createElement('h1', {className: 'site-heading'}, 'Hello, React!')
//JSX 미사용
1番コードはJSXを使用するコードで、2番はJSXを使用しないコードです.JSXは実際にはHTMLではなくJavaScriptに近いので、書くときに注意しなければならないことがいくつかあります.
  • JSXのプロパティとメソッドはcamelCaseを使用します.//onclick(x), onClick(o)
  • ラベルを閉じてスラッシュを使用します.//
  • JavaScript式は、変数、関数、属性など、JSXの内部に括弧で囲まれています.
    const name = 'Talon'
    const heading = <h1> Hello, {name} </h1> // Hello, Talon