What is the best way to create text input Redux
<p>I Created a simple text field component using react-redux.</p>

<p>This is a dumb component, so it receive a call back function to dispatch the change.</p>

<p>So on each change it changes its local state and on Blur it calls the call back function.</p>

<p>I think i'm doing too much for such a simple task it look like an overkill, is there better/shorter way to implement it?</p>

<pre><code> export default class CreativeName extends Component {
    constructor(props) {
        super(props);
        this.state = {
            creativeName: props.creativeName
        };
    }

    componentWillReceiveProps(nextProps) {
        this.setState({
            creativeName: nextProps.creativeName
        });
    }

    onBlur() {
        this.props.updateDraft('creativeName', this.state.creativeName);
    }

    onChange(e) {`enter code here`
        this.setState({creativeName: e.target.value});
    }

    render() {
        return (
            &lt;Row&gt;
                &lt;Col lg={12} className="row-margin"&gt;
                    &lt;ControlLabel&gt;*Name&lt;/ControlLabel&gt;
                    &lt;div className="campaign-name"&gt;
                        &lt;FormControl value={this.state.creativeName} type="text" onChange={(e) =&gt; this.onChange(e)}
                                     onBlur={(e) =&gt; this.onBlur(e)} className="campaign-name-text-field" /&gt;
                    &lt;/div&gt;
                &lt;/Col&gt;
            &lt;/Row&gt;
        );
    }
}
</code></pre>