ReactJS，material-ui TextField onChange 不起作用

Question

我正在将Material-UI（版本 v0.20.1）与 ReactJS（版本 15.5）一起使用。这段代码应该可以工作，但事实并非如此。我总是以相同的方式使用 TextField，但在新组件中，我无法在输入中输入任何内容，并且 onChange() 没有触发。可能的原因是什么？甚至 onChange() 中的“console.log”也没有出现！！！

import TextField from 'material-ui/TextField';

class Nav extends Component {

 constructor() {
   super();
     this.state = {
      searchValue: '',
     }...

我像往常一样使用 TextField：

<TextField
  value={this.state.searchValue}
  onChange={(event, value) => {
  this.setState({ searchValue: value });
}}
/>

Answer 1

你可以尝试这样的事情：

class App extends React.Component {
  constructor() {
    super();
    this.state = {
      searchValue: ""
    };
  }
  render() {
    console.log(this.state.searchValue); // I just left it here so that you can see in console that state is changing
    return (
      <TextField
        defaultValue={this.state.searchValue}
        onChange={event => {
          const { value } = event.target;
          this.setState({ searchValue: value });
        }}
      />
    );
  }
}