Question

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

保存我输入之一的值的函数：

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'/>

和必须清除输入内容的函数：

addPlayer = () => {
  console.log('my new Player: ' , this.newPlayer);
  this.setState({
   teamPlayers: [...this.state.teamPlayers, this.newPlayer]
 })

this.refs.myFormRef.value = ""
 }

我尝试了几种方法声明我的裁判，但没有任何效果..... 有什么想法吗？

Answer 1

您输入的值由组件state的{{1}}驱动。如果要清除输入的值，则需要清除映射到它的状态，例如：

value={this.newPlayer.strPlayer}

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

以下是完整的示例组件：

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

提交活动（reactJs应用）时如何清除输入

1 个答案: