Reactjs <;输入>;应用值属性而不重新渲染

Reactjs <;输入>;应用值属性而不重新渲染,reactjs,Reactjs,在中,值道具应用于更改,即使组件未重新渲染: const App = () => <input value="foo"/> const-App=()=> 这将有效地导致只读输入。这种行为是特定于反应的 到底为什么它是这样工作的?官方来源的解释是受欢迎的 我们是否可以使此与普通HTML一样工作,而不引入onChange?是的,您可以,只需更改: const App = () => <input defaultValue="foo"/> const-App=

在中,
道具应用于
更改,即使组件未重新渲染:

const App = () => <input value="foo"/>
const-App=()=>
这将有效地导致只读输入。这种行为是特定于反应的

到底为什么它是这样工作的?官方来源的解释是受欢迎的


我们是否可以使此
与普通HTML一样工作,而不引入
onChange

是的,您可以,只需更改:

const App = () => <input defaultValue="foo"/>
const-App=()=>
用于使用“非受控部件”

更多信息请点击此处:
感谢参考,事实上,这是关于受控/不受控制的组件。丹尼斯有正确的答案,但是,如果可能的话,你应该考虑使用受控组件。这是推荐的方法。@Chris绝对如此。当输入作为占位符留在UI中时,多次出现此问题。