問題タブ [use-state]

React を初めて使用し、Textfield に変更を加えて状態を更新しようとして問題が発生しました。初期状態が useState で設定されている機能コンポーネントを使用する。

私は単純なものが欠けていると確信しています...しかし、最終的にあきらめて助けを求めています。

機能コンポーネントの完全なコードは次のとおりです。

フォーム コンポーネントの場合:

handleChange 関数が実行されると、ターゲット プロパティを置き換える代わりに、元の値を名前として持つ新しいプロパティが作成されます。

意図は、値「文字列」をテキスト入力に置き換えることです。

React Docsは次のように述べています。

React はフック呼び出しをコンポーネントにどのように関連付けますか?

React は現在レンダリング中のコンポーネントを追跡します。フックのルールのおかげで、フックは React コンポーネント (またはカスタム フック — これも React コンポーネントからのみ呼び出される) からのみ呼び出されることがわかっています。各コンポーネントに関連付けられた「メモリ セル」の内部リストがあります。それらは、データを配置できる単なる JavaScript オブジェクトです。useState() のようなフックを呼び出すと、現在のセルが読み取られ (または最初のレンダリング時に初期化され)、ポインターが次のセルに移動します。これは、複数の useState() 呼び出しがそれぞれ独立したローカル状態を取得する方法です。

まず・・・この「記憶細胞」とは？自分で印刷してその価値を確認できますか?

次に、関数のインスタンスは1 つだけです (Counter()次の例のように)。<Counter />DOM に 2 回レンダリングする場合、1 回目は にレンダリングし、 <div id="root1">2回目は にレンダリングし<div id="root2">ますCounter()。