我在使用门户呈现输入字段时遇到问题。 当我更改输入的值时,它将失去焦点。 我认为这是由于状态更改后重新呈现。
https://codesandbox.io/s/zk0w1jv6rp
有人知道解决方案吗?
更新
有没有一种方法可以重复使用Bar-Componet?可以说我可以添加一个类似key属性的东西,以便react知道它是相同的组件并且可以重复使用。
答案 0 :(得分:0)
因为每次重新渲染HelloReact
组件时,您都需要定义一个新的Bar
组件并创建一个新的Bar组件,所以这不是一个好方法。
简单的解决方案是使用autoFocus
,因此,每次创建新的Bar
组件时,它将集中输入元素。
更好的方法是在Bar
组件之外定义HelloReact
组件,并在props中传递value
和onChange
事件处理程序。在这种情况下,您无需使用autoFocus
。