フロントエンジニア芸人もりたけんじのreact

【React / Input】これ。Input is changing an uncontrolled input of type text to be controlled.

Warning: Input is changing an uncontrolled input of type text to be controlled. Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component.

Input is changing an uncontrolled input of type text to be controlled.

Input is changing an uncontrolled input of type text to be controlled.

inputの値はコントロールすべきではない。

input やtextareaなどの要素はreactのsetStateに直接渡すことでコントロールできる。


上記はvalueをthis.state.inputValueで管理していたものをvalueを本来の要素の動きで対応した。

https://facebook.github.io/react/docs/forms.html#controlled-components
もしくはリンク先のようにsetStateに直接event.target.valueで渡すことでもコントロールできる。

(Visited 1 times, 1 visits today)