Javascript 当我'；m提交我的事件（reactJs应用程序）

我有3个输入，我保存它们的值并点击我的btn，我想清除这些输入

保存一个输入值的my函数：

onChangeIdentity = (event) => {
this.newPlayer = Object.assign({}, this.newPlayer, { strPlayer: 
event.target.value})
 }

我的意见：

<Input style={{width:'30%'}} onChange={ this.onChangeIdentity } 
 ref='myFormRef' value={ this.newPlayer.strPlayer } type='text' 
 placeholder='Nom & Prenom'/>

我尝试了几种方法来宣布我的裁判，但没有任何效果。。。。。

---

有什么想法吗？

您输入的值是由组件

值={this.newPlayer.strPlayer}

的

状态驱动的。如果要清除输入值，需要清除映射到该值的状态，例如：

this.setState({newPlayer: {strPlayer: ''}});

设置状态后，组件将自动更新并将输入呈现为空

下面是一个完整的组件示例：

class MyComponent extends Component {
  state = {
    inputValue: ""
  };

  render() {
    return (
      <div>
        <input
          type="text"
          value={this.state.inputValue}
          onChange={event => this.setState({ inputValue: event.target.value })}
        />
        <button
          onClick={() => {
            /* submit this.state.inputValue */
            this.setState({ inputValue: "" }); // reset input value
          }}
        >
          submit
        </button>
      </div>
    );
  }
}

类MyComponent扩展组件{
状态={
输入值：“
};
render（）{
返回(
this.setState（{inputValue:event.target.value}）
/>
{
/*提交此.state.inputValue*/
this.setState（{inputValue:}）；//重置输入值
}}
>
提交
);
}
}
当你说“清除我的输入”时，你是指浏览器中的UI界面，还是指其他东西？@robert harvey是的，是指UI界面，就是这样；）
class MyComponent extends Component {
  state = {
    inputValue: ""
  };

  render() {
    return (
      <div>
        <input
          type="text"
          value={this.state.inputValue}
          onChange={event => this.setState({ inputValue: event.target.value })}
        />
        <button
          onClick={() => {
            /* submit this.state.inputValue */
            this.setState({ inputValue: "" }); // reset input value
          }}
        >
          submit
        </button>
      </div>
    );
  }
}