はじめに 今回は、Reactにおける非制御コンポーネント(uncontrolled component)についてご紹介したいと思います。 主にはDOMをデータソースとすることで、React以外のコードに値を渡すために使われます。 非制御コンポーネントとは? Reactの公式ドキュメントに以下のページがあります。 ページ中には以下のような説明があります。 ほとんどの場合では、フォームの実装には制御されたコンポーネント (controlled component) を使用することをお勧めしています。制御されたコンポーネントでは、フォームのデータは React コンポーネントが扱います。非制御コンポーネント (uncontrolled component) はその代替となるものであり、フォームデータを DOM 自身が扱います。 非制御コンポーネントを記述するには、各 state の更新に対してイ