【React】Udemyの講座で学んだことまとめ

React

対象講座

ここでReactを学んだ。 色々学んだことが多かったけど絶対忘れるので適宜メモしていく。 www.udemy.com

5,7

saneeeatsu.hatenablog.com

6(Section1のインストール関連)

saneeeatsu.hatenablog.com

11

saneeeatsu.hatenablog.com

12,13

saneeeatsu.hatenablog.com

18

setStateは状態の更新と、renderの呼び出しを行う。

21

// handleNameChange(e) {
//  console.log(e.target.value)
//   this.setState({ name: e.target.value });
// }

handleNameChange(name) {
  this.setState({ name });
}

<input
  type="text"
  value={this.state.name}
  // onChange={e => this.handleNameChange(e)} 
  onChange={e => this.handleNameChange(e.target.value)} 
/>

22

JSXファイルでもtabキーでHTMLの保管をする(Atom)

$ apm install emmet

Atom > Keymap...　で、keymap.csonに以下を追加

'atom-text-editor[data-grammar="source js jsx"]':
  'tab': 'emmet:expand-abbreviation-with-tab'