🐣 React 関数コンポーネント
作成日: 2021/12/13
1

関数コンポーネントではuseState(ステートフック)でstateを初期化する。

const [count, setCount] = useState(0);

第一引数に値、第二引数に値を更新する関数が渡ってくる。

同じことをクラスで書くと↓

constructor(props) {
 super(props);
 this.state = {
   count: 0
 };
}
setCount(){
  this.setState({
    count: this.state.count + 1,
  });
};

useEffect(ライフサイクルフック)

componentDidMount と componentDidUpdate と componentWillUnmount がまとまったもの。
※ライフサイクルフックまだよくわからないので実装しながら理解していきたい!


制作会社でフロントのコーディングやWordpressのテーマ開発をしてます。 本命はJavascriptです😋 目指せフロントエンドエンジニア👊