I am mitsuruog | Reactのuncontrolled input warningで困った時に確認するべきたった1つのこと

たまに見るuncontrolled input関連の警告についての小ネタです。 知っていると原因がすぐわかるのですが、知らないと結構デバックに時間が掛かる面倒な警告です。 まず、React の Form 関連コンポーネントの考え方にはcontrolledとuncontrolledの 2 つがあります。 簡単に両者の違いを説明すると、値が React の state で管理されているかどうかです。 controlledの方は、値が React の state で管理されていて、setStateしないと変更できません。 それに対してuncontrolledは、値が React の state で管理されていないので、従来の方法で値を変更できるのですが、lifecycle イベントなどの React の様々な恩恵を受けにくくなります。 で、本題ですが。 React でフォームがある画面を開発して

[carolina04]

ReactのForm関連コンポーネントの考え方にはcontrolledとuncontrolledの2つがあります。 簡単に両者の違いを説明すると、値がReactのstateで管理されているかどうかです。 controlledの方は、値がReactのstateで管理されていて、set

[hiro14aki]

“uncontrolled input warning” の対処。PropTypes で型が変わってしまうと発生する。特に初期値なし、fetch 後に値がセットされるとかだと、null → value 的な感じになってしまう。