Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
ReactJS,材料ui文本字段onChange不起作用_Reactjs_Material Ui - Fatal编程技术网

ReactJS,材料ui文本字段onChange不起作用

ReactJS,材料ui文本字段onChange不起作用,reactjs,material-ui,Reactjs,Material Ui,我将(v0.20.1版)与ReactJS(15.5版)一起使用。这段代码应该可以工作,但它不能。我总是以同样的方式使用TextField,但是在新组件中,我不能在输入中键入任何内容,并且onChange()没有启动。可能的原因是什么?甚至onChange()中的“console.log”也不会显示 import TextField from 'material-ui/TextField'; class Nav extends Component { constructor() { s

我将(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
  value={this.state.searchValue}
  onChange={(event, value) => {
  this.setState({ searchValue: value });
}}
/>
{
this.setState({searchValue:value});
}}
/>

您可以尝试以下方法:

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 });
        }}
      />
    );
  }
}
类应用程序扩展了React.Component{
构造函数(){
超级();
此.state={
搜索值:“
};
}
render(){
console.log(this.state.searchValue);//我刚刚把它留在这里,以便您可以在控制台中看到状态正在改变
返回(
{
const{value}=event.target;
this.setState({searchValue:value});
}}
/>
);
}
}

请发布一些完整的代码。您也没有提到任何版本-您使用的是什么版本的material ui和react?当你说它不起作用时,你是什么意思?它不呈现、不接受输入等吗?很好,我已经相应地更新了我的问题。它呈现,但不接受输入,onChange不工作!(event)=>{this.setState({event.target.value}}}}@Modig,我做了这个,但它不起作用,我认为父组件有问题,但我不知道它是什么!