gpt4 book ai didi

reactjs - React - _this2.SetState 不是一个函数

转载 作者:行者123 更新时间:2023-12-03 13:25:51 25 4
gpt4 key购买 nike

我正在尝试创建一个将输入文本打印到屏幕上的组件,这就是我正在做的事情。

class SearchBar extends Component {
constructor(props) {
super(props);

this.state = { term: '' };
}

render() {
return (
<div className="search-bar">
<input value={this.state.term} onChange={event => this.SetState(event.target.value)} />
The value of input is: {this.state.term}
</div>
);
}
}

但是我在 Chrome 控制台中不断收到错误:

bundle.js:19818 Uncaught TypeError: _this2.SetState is not a function

有什么想法吗?

谢谢

最佳答案

试试这个:

class SearchBar extends Component {
constructor(props) {
super(props);
this.state = { term: '' };
this.setInputState = this.setInputState.bind(this);
}

setInputState(event) {
this.setState({ term: event.target.value });
}

render() {
return (
<div className="search-bar">
<input value={this.state.term} onChange={this.setInputState} />
The value of input is: {this.state.term}
</div>
);
}
}

关于reactjs - React - _this2.SetState 不是一个函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39705002/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com