不能在ReactJS中更新现有的输入组件值

cannot update existing input compoent value in ReactJS

本文关键字：输入 组件 ReactJS 更新 不能      更新时间：2023-09-26

我有一个项目，有一个使用ReactJS的东西列表，请参阅JSBIN，并希望用关键字搜索这些东西。

TEST:在搜索框中输入mi来搜索ID, this.state.data被右边过滤，但是输入值不更新右边(gary不应该出现)

我检查了问题是输入组件

<input type="text" defaultValue={this.props.data.userid} ref="userid" disabled name="userid" />

与defaultValue第一次渲染，但即将到来的渲染不再改变它的值;但是如果改成value，就不能编辑了

问题:如何使搜索权也使所有输入可编辑与最小的代码修改?

你的JSBin给了我奇怪的输出(用一种我不懂的语言)。然而，它看起来像你的问题是在handleChange()，这是在你的表单组件。如果您希望更新页面的内容，那么在handleChange中应该有一个this.setState函数。在当前设置中，handleChange()只执行console.log，但不重新渲染。

相关文章：