我有一个受控输入,在我输入时不应更新。我已将组件剥离为基本组件<input/>
以减轻任何副作用,但它仍然允许我编辑值。
const myComponent = () => {
const text = 'Hello';
return(
<input value={text}/>
)
}
我希望Hello
即使在尝试输入输入时该值也始终不变,但事实并非如此。当我有其他更改状态的组件时,输入将重置回Hello
,但仅在另一个状态更改触发渲染之后。有什么想法可以在这里发生吗?我会包含一个 Codepen,但代码在我的 Next.js 应用程序之外的其他地方按预期工作(不允许更改文本)