Question

我是React的新手，无法将setState与eventHandlerMethod（event.target.value）一起使用。我的数组没有被修改。每次都打印相同的先前值，而无需进行任何更改。

这是我的代码

 class App extends Component {
  state={
    userName : ["prakash" , "Shree Harsha"]
  }

  clickChangeListener = (event) =>{
   // console.log(this.state.userName[0])
    this.setState=({ userName : [event.target.value , event.target.value]});
  }
   render(){
    return (
      <div className="App">
        <h1>Welcome to react app</h1>
        <UserInput click={this.clickChangeListener}/>
       <UserOutput  
                   name1={this.state.userName[0]} 
                   name2={this.state.userName[1]} />
       <UserOutput name1={this.state.userName[0]} 
                   name2={this.state.userName[1]} />
       <UserOutput name1={this.state.userName[0]} 
                   name2={this.state.userName[1]} />
      </div>
    );
  }
}

我应该进行哪些更改才能使代码正常工作？

Answer 1

只需删除=字符。

类似以下内容：

this.setState({ userName : [event.target.value , event.target.value]});

setState是一个函数，请在这里进一步阅读：https://reactjs.org/docs/react-component.html#setstate

希望对您有帮助！

如何在ReactJS中一次同时使用setState和eventHandler？

1 个答案: