ReactJS，material-ui TextField onChange 不起作用

Question

我正在使用Material-UI(版本v0.20.1(和ReactJS(版本15.5(。此代码应有效，但事实并非如此。我总是以相同的方式使用 TextField，但在新组件中，我无法在输入中键入任何内容，并且 onChange(( 没有触发。可能的原因是什么？甚至 onChange(( 中的"控制台.log"也不会显示!!

import TextField from 'material-ui/TextField';
class Nav extends Component {
constructor() {
super();
this.state = {
searchValue: '',
}...

我像往常一样使用文本字段：

<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 });
}}
/>
);
}
}