反应待办事项列表[重复]答案

【问题标题】：React to do list [duplicate]反应待办事项列表[重复]
【发布时间】：2018-02-11 10:19:15
【问题描述】：

嘿，当我尝试在框中输入时，我的键盘输入没有反射到它，这是一个简单的 React 待办事项列表，在此先感谢。这是我的代码：

class Cont extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      term: '',
      items: []
    };
  }

  onChange = (event)=>{
    this.setState=({term:event.target.value});
  }

  onSubmit = (event) =>{
    event.preventDefault();
    const newItems = [...this.state.items, this.state.term]
    console.log(newItems)
    this.setState({
      term: '',
      items: newItems
    });
  }

  render(){
    return(
      <div>
        <form className="Cont" onSubmit={this.onSubmit}>
          <input value={this.state.term} onChange={this.onChange}/>
          <button>Submit</button>
        </form>
        {this.state.items.map(item => <h3>{item}</h3>)}
      </div>
    );
  }
}

【问题讨论】：

您的问题仍然没有很好地构建。在共享代码之前列出问题。除了"How to ask" 建议之外，您还需要首先以一种专注于您的研究之后仍然存在哪些差距的方式来陈述问题。然后描述您迄今为止的策略、代码设置 + 条件以及错误/问题。还要说明您已经知道的“明显”上下文，以便人们了解您的尝试。另见1、2

标签： reactjs

【解决方案1】：

您正在尝试为this.setState 分配一个值，而不是调用该函数。应该是this.setState({ term: event.target.value });，没有=。

【讨论】：

是的，非常感谢，它现在正在工作