[TextField] Fix controlled input warning in React 15

Problem Description

I’m getting this error after upgrading to React 15 and MUI 0.15.0-beta.1

TextField is changing a uncontrolled input of type text to be controlled. Input elements should not switch from uncontrolled to controlled (or vice versa)

Versions

• Material-UI: 0.15.0-beta.1
• React: 15.0.1
• Browser: Google Chrome Canary (Version 52.0.2712.0 canary (64-bit))

[rsweeney21]

In React 15+, you will get a warning if you change the value prop of an input from undefined (uncontrolled) to a non-null value (controlled). If you are seeing this warning, then it’s probably because you are not initializing value in your component state to an empty string.

constructor(props) {
    super(props);
    this.state = {value: ''};
}

render() {
    return (<TextField value={this.state.value} onChange={this.handleChange} />);
}

[stiofand]

I’d like to get this fixed to, I have the same issue, but I do not understand @abelosorio soution, could you explain more?