0

我有一个受控输入,在我输入时不应更新。我已将组件剥离为基本组件<input/>以减轻任何副作用,但它仍然允许我编辑值。

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

我希望Hello即使在尝试输入输入时该值也始终不变,但事实并非如此。当我有其他更改状态的组件时,输入将重置回Hello,但仅在另一个状态更改触发渲染之后。有什么想法可以在这里发生吗?我会包含一个 Codepen,但代码在我的 Next.js 应用程序之外的其他地方按预期工作(不允许更改文本)

4

1 回答 1

0
  <input value={text} disabled/>
于 2020-03-05T07:54:13.677 回答