More than 5 years have passed since last update.

JSX記法

Posted at 2018-07-15

JSX記法メモ

index.js

ReactDOM.render(
  <div>Hello World</div>, // 末尾のカンマがないと動かない
  document.getElementById('root')
);

classの付け方

index.js

ReactDOM.render(
  <div className="hello">Hello World</div>, // classは予約語なのでclassNameを使う
  document.getElementById('root')
);

イベントの付け方

index.js

ReactDOM.render(
  <div onClick={関数名}>Hello World</div>, // 関数名を波括弧で囲う
  document.getElementById('root')
);