Reactjs 具体化Css文本字段将冻结

我在react中使用了物化css。我实现了一个简单的文本字段，如下所示：

<div class="input-field col s6">
   <input placeholder="Placeholder" id="first_name" type="text" class="validate" value={this.state.name}>
   <label for="first_name">First Name</label>
</div>

名字

---

该值显示在文本字段中，但我无法编辑该字段。它刚刚被这个值冻结了。我还使用了Materialize.updateTextFields（）在组件安装（）中。但它没有起作用。有什么帮助吗？

因为输入中的值取决于状态，所以还需要放置onChange处理程序，以便通过修改状态来更改输入值

类SimpleInput扩展了React.Component{ 构造函数（）{ 超级（）； 此.state={ 值：“walawe” } } onChangeValue=（值）=>{ 这是我的国家({ 价值 }) } render（）{ 返回此.onChangeValue（e.target.value）}/> } } ReactDOM.render（，document.getElementById（'app'））

---

由于输入中的值取决于状态，因此还需要放置onChange处理程序，以便通过修改状态来更改输入值

类SimpleInput扩展了React.Component{ 构造函数（）{ 超级（）； 此.state={ 值：“walawe” } } onChangeValue=（值）=>{ 这是我的国家({ 价值 }) } render（）{ 返回此.onChangeValue（e.target.value）}/> } } ReactDOM.render（，document.getElementById（'app'））

我不太熟悉materialize，但我认为您还需要对输入进行onChange，并为此更改回调中输入的状态。类似于：

{this.setState（{name:e.currentTarget.value}}}>

嘿，thanx。。。真管用！我不太熟悉materialize，但我认为您还需要对输入进行onChange，并为此更改回调中输入的状态。类似于：

{this.setState（{name:e.currentTarget.value}}}>

嘿，thanx。。。真管用！好的，谢谢。。它起作用了。但是如果我有10-20个或更多的文本字段呢？为每个文本字段创建10个状态是不好的。还有，如果我不使用state，而是使用props，比如这个.props.name？@piyus为了结束，你能先接受这个答案吗？然后我会让你知道如果有10-20个文本字段，我会怎么做。@Piyush添加了一个新代码来处理大量文本字段作为promisedOk…谢谢。。它起作用了。但是如果我有10-20个或更多的文本字段呢？为每个文本字段创建10个状态是不好的。还有，如果我不使用state，而是使用props，比如这个.props.name？@piyus为了结束，你能先接受这个答案吗？然后我会告诉你如果有10-20个文本字段，我会怎么做。@Piyush按照承诺添加了一个新代码来处理大量文本字段