求解---React和Redux 首先在本地管理状态


#1

代码如下

    class DisplayMessages extends React.Component {
      constructor(props) {
        super(props);
        this.state = {
          input: '',
          messages: []
        }
        this.handleChange = this.handleChange.bind(this)
        this.submitMessage = this.submitMessage.bind(this)
      }
      
    // 请把 handleChange()、submitMessage() 写在这里
      handleChange(e) {
        this.setState({
          input: e.target.value
        })
      }

      submitMessage() {
        this.setState(prevS => {
          return {
            input: '',
            messages: [...prevS.messages].concat(prevS.input)
          }
        })
      }

      render() {
        return (
          <div>
            <h2>键入新 Message</h2>
            { /* 在此渲染 input、button、ul*/ }
            <input value={this.state.input} onInput={this.handleChange} />
            <button onClick={this.submitMessage}>Add message</button>
            <ul>{this.state.messages.map(val => <li>{val}</li>)}</ul>
            { /* 请在本行以上添加你的代码 */ }
          </div>
        );
      }
    };

然后提示我 input 元素应渲染本地状态中的 input 值。
希望能帮忙解答下。
如果你的代码通过了,直接展示你的代码就可以了,我自己研究你的代码找我的问题。


#2

把事件onInput 换成 onChange