<input />价值道具无需重新渲染即可应用

Question

在this example中，value属性适用于<input>更改，即使未重新渲染组件也是如此：

const App = () => <input value="foo"/>

这有效地导致了只读输入。此行为特定于React。

为什么它确实可以这种方式工作？欢迎官方提供解释。

是否可以在不引入<input>的情况下使onChange像纯HTML一样工作？

Answer 1

是的，您可以更改：

const App = () => <input defaultValue="foo"/>

用于使用“不受控制的组件”

更多信息在这里： https://reactjs.org/docs/uncontrolled-components.html