javascript - 如何在reactjs中同时对数组使用setState和eventHandler？

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

希望对您有所帮助!