下一篇.js 受控输入不"Controlled"

Question

我有一个受控输入，当我键入时不应该更新。我已经将组件精简为基本的<input/>，以减轻任何副作用，但它仍然允许我编辑值。

const myComponent = () => {
const text = 'Hello';
return(
<input value={text}/>
)
}

即使在尝试输入时，我也希望值始终为Hello，但事实并非如此。当我有其他组件更改状态时，输入将重置回Hello，但只有在另一个状态更改触发渲染之后。你知道这里会发生什么吗？我会包含一个Codepen，但代码在Next.js应用程序之外的其他地方也能正常工作(不允许更改文本(

Answer 1

<input value={text} disabled/>