3 回答

TA貢獻(xiàn)1834條經(jīng)驗(yàn) 獲得超8個(gè)贊
查看您的textChangedHandler
textChangedHandler = (event) => {
this.setState = ({
text: event.target.value
});
}
在這種情況下,您需要像這樣設(shè)置狀態(tài)。
this.setState({
text: event.target.value
})
this.setState是一種方法。您應(yīng)該需要重新分配它。

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超3個(gè)贊
textChangedHandler = (event) => {
this.setState({
text: event.target.value
});
}
render() {
return (
<div className="App">
<p>{this.state.text}</p>
<input
type="text"
onChange={this.textChangedHandler}
value={this.state.text}>
</input>
</div>
);
}
試試這個(gè)。

TA貢獻(xiàn)2012條經(jīng)驗(yàn) 獲得超12個(gè)贊
試試這個(gè):
import './App.css';
class App extends Component {
constructor(props) {
super(props);
this.state = {
text: "test"
}
// This binding is necessary to make `this` work in the callback
this.textChangedHandler = this.textChangedHandler.bind(this)
}
textChangedHandler = (event) => {
this.setState({
text: event.target.value
});
}
render() {
return (
<div className="App">
<p>{this.state.text}</p>
<input
type="text"
onChange={this.textChangedHandler}
value={this.state.text}>
</input>
</div>
);
}
}
export default App;
更多信息: https://reactjs.org/docs/handling-events.html
添加回答
舉報(bào)