More than 3 years have passed since last update.

React 機能メモ(自分用)

Last updated at 2020-11-07Posted at 2020-10-24

###表示出しわけ

let flg = true;
let el = (
　　　　　<div>
　　　　　 { flg &&
　　　　　　　　<p>yesなら表示</p>
　　　　　 }
　　　　　</div>
);

※ flg ? a : b
という表示でも可能

###リストの表示

let list = [
    <li>松井</li>,
    <li>田中</li>
];
let el = (
    <div>
       <ul>
       {list}
       </ul>
    </div>
);

※ list.map((value)) => (処理)でも操作可能

###classの記入

<div className="test">sample</div>

※jsxにはclass="test"では無いらしい

###テキストの入力

<input value={this.state.text} onChange={(e)=>{console.log(e.target.valiue)}}