diff --git a/guide/english/certifications/front-end-libraries/react-and-redux/extract-local-state-into-redux/index.md b/guide/english/certifications/front-end-libraries/react-and-redux/extract-local-state-into-redux/index.md index 36094b84fe..8c27802ab3 100644 --- a/guide/english/certifications/front-end-libraries/react-and-redux/extract-local-state-into-redux/index.md +++ b/guide/english/certifications/front-end-libraries/react-and-redux/extract-local-state-into-redux/index.md @@ -53,6 +53,8 @@ const connect = ReactRedux.connect; class Presentational extends React.Component { constructor(props) { super(props); + + // Remove property 'messages' from Presentational's local state this.state = { input: '' } @@ -65,11 +67,13 @@ class Presentational extends React.Component { }); } submitMessage() { - this.props.submitNewMessage(this.state.input); - this.setState({ - input: '' - }); - + + // Call 'submitNewMessage', which has been mapped to Presentational's props, with a new message; + // meanwhile, remove the 'messages' property from the object returned by this.setState(). + this.props.submitNewMessage(this.state.input); + this.setState({ + input: '' + }); } render() { return ( @@ -80,6 +84,9 @@ class Presentational extends React.Component { onChange={this.handleChange}/>