如何同时对 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

希望对您有所帮助！

如何同时对 reactjs 中的数组使用 setState 和 eventHandler？

How to use setState and eventHandler both at a time for arrays in reactjs?

javascript

setstate

reactjs