0

Reactについて勉強中です。

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

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

2 件の回答 2

1

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

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

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

2
  • TK'さんありがとうございます。 ちなみに制御コンポーネントはuseStateやuseContextなどで管理されているコンポーネントという認識で合っていますでしょうか?
    – carenm
    Commented 2022年11月28日 0:24
  • その認識で大丈夫だと思います。 以下の記事は、フォームライブラリのreact-hook-form(非制御コンポーネントでフォーム管理するライブラリ)を紹介する記事ですが、その中に”How to Create a Form Without Using a Library”というセクションがあって、ここで制御コンポーネントとしてフォームを扱っているサンプルコードがありますので、制御・非制御の違い等参考になるかと思います。 freecodecamp.org/news/…
    – user53321
    Commented 2022年11月28日 4:27
0

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.

2
  • keikaiさんありがとうございます。リンク先の情報拝見しましたが、uncontrolledはローカルなstateで管理されているような(親が影響できない)状態のコンポーネントのことを指していて、controlledはpropsなど親が影響できる状態のコンポーネントのことを指しているという認識で合っていますか?そうすると例えば親子間でグローバルなstate管理(useContext/createContext)しているようなコンポーネントはおそらくcontorolledになるのかなと考えたのですが、どうでしょうか?
    – carenm
    Commented 2022年12月16日 0:44
  • はい! 合っていると思います!
    – keikai
    Commented 2022年12月16日 1:53

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。