

Reactについて勉強中です。

Reactの制御コンポーネントと非制御コンポーネントについてわからない点があります。  
Reactのあるコンポーネントが制御か非制御かはどのようにして決まるのでしょうか？

公式ドキュメントをみるとrefを使用するかどうかで決まるのかという印象を受けました。  
他にも何か基準があれば教えていただきたいです。


CC BY-SA 4.0
2022-11-24T06:53:16.177
92400
2022-12-12T06:35:47.437
2022-11-24T23:39:48.167
3060
54288
question
reactjs
Reactのコンポーネントが制御か非制御かはどのようにして決まる？


私は以下で両者の違いを理解しています。

  * 制御コンポーネント： フォームデータをReactのコンポーネントで扱う(`useState`などコンポーネントで管理する。)
  * 非制御コンポーネント：フォームデータをDOM自身が扱う(`ref`を使ってその値を取得する)

"公式ドキュメントを見ると"とあるのですでに読んでいるかと思いますが、参考リンク貼っておきます。

  * <https://ja.reactjs.org/docs/uncontrolled-components.html>
  * <https://goshacmd.com/controlled-vs-uncontrolled-inputs-react/>


CC BY-SA 4.0
2022-11-26T09:26:42.527
92444
2022-11-26T09:26:42.527
53321
92400
answer


ref にはあんまり関係ないですかね

最新のBeta docのこちらをご覧ください

<https://beta.reactjs.org/learn/sharing-state-between-components#controlled-
and-uncontrolled-components>

> You might say a component is “controlled” when the important information in
> it is driven by props rather than its own local state.


CC BY-SA 4.0
2022-12-12T06:35:47.437
92720
2022-12-12T06:35:47.437
44659
92400
answer