What am I missing? React and Redux: "Manage State Locally First"

JavaScript
1

Tell us what’s happening:
I don’t understand what I am missing in the code or doing wrong.
Your code so far


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);
}
// Add handleChange() and submitMessage() methods here
handleChange(event) {
  this.setState = ({
    input: event.target.value,
  });
}
submitMessage() {
  this.setState(state => ({
    messages: state.messages.concat(state.input),
    input: '',
  }));



}

render() {
  
  return (
    <div>
      <h2>Type in a new Message:</h2>
      { /* Render an input, button, and ul below this line */ }
        <input value={this.state.input} onChange={this.handleChange}/>
        <button onClick={this.submitMessage}>Submit</button>
        <ul>{this.state.messages.map((message, i) => (<li key={i}>{message}</li>))}</ul>
        
      { /* Change code above this line */ }
    </div>
  );
}
};

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 11_2_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.114 Safari/537.36.

Challenge: Manage State Locally First

Link to the challenge:

2

Hello there,

Pay close attention to what you are doing here…

Hope this helps

1 Like
3

Thanks for showing that.

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.