React hook

1675 ワード
React テキストリンク

✏️Hook



ReactにはHookの機能があります.16.8以降に追加
はい、クラス構成部品を作成せずにステータスなどのフィーチャーを使用できます.
利用しやすいようです.
  • 機能コンポーネントにstateを持つことができる.
    次の関数はreactです.orgからのuserstateの例を使用して再符号化します.
    • import React, { useState } from 'react';
    function Example() {
    //「count」という新しいステータス値を定義します.
    const [count, setCount] = useState(0);
    return (
    <div>
  <p>You clicked {count} times</p>
  <button onClick={() => setCount(count + 1)}>
    Click me
  </button>
</div>
    );
    }
  • ボタンをクリックすると値が増加します.usStateは私たちの
    • です.
    使用するHook.形状はsetStateによく似ています
    違いは、以前のstateと新しいstateが統合されていないことです.
    あります.userStateは初期パラメータとして0を受け入れるため,カウンタは0から始まる.
    はい.
    関数要素のside
  • userEffectというhookも存在する.
    この操作を実行できます.インポート、購読、
    反応素子のDOMを修正することを含むすべての副作用
    はい.
    • 51. px vs em vs rem
    [Redux][basic]Reduxについて