Javascript e在react js组件中未定义
我试图根据输入字段的值(react js中的受控组件)设置状态,但一旦我尝试更改输入字段的值,事件总是导致未定义 App.jsJavascript e在react js组件中未定义,javascript,reactjs,Javascript,Reactjs,我试图根据输入字段的值(react js中的受控组件)设置状态,但一旦我尝试更改输入字段的值,事件总是导致未定义 App.js initialState = { set: { team1Score: 5, team2Score: 6, }, }; handleChange(e) { this.setState({ set: { team
initialState = {
set: {
team1Score: 5,
team2Score: 6,
},
};
handleChange(e) {
this.setState({
set: {
team1Score: e.target.value,
team2Score: e.target.value,
}
});
}
render() {
return (
<Match
set = {this.state.set}
handleChange={(e) => {this.handleChange()}}>
)}
initialState={
设置:{
团队1核心:5,
团队2核心:6,
},
};
手变(e){
这是我的国家({
设置:{
团队1核心:e.target.value,
team2Score:e.target.value,
}
});
}
render(){
返回(
{this.handleChange()}}>
)}
Match.js
<ScoreInput
handleChange={props.handleChange}
set={props.set}
/>
ScoreInput.js
const ScoreInput = (props) =>
<div className="c-set-input">
<input
className="c-set-input__field"
placeholder="0"
value={props.set.team1Score}
onChange={props.handleChange}
></input>
<span>:</span>
<input
className="c-set-input__field"
placeholder="0"
value={props.set.team2Score}
onChange={props.handleChange}
></input>
</div>
const ScoreInput=(道具)=>
:
您似乎忘记将参数传递给handleChange函数,因此请尝试以下方法
handleChange={(e) => this.handleChange(e)}
您似乎忘记将参数传递给handleChange函数,因此请尝试以下方法
handleChange={(e) => this.handleChange(e)}
您忘记在
handleChange
功能中通过e
您忘记在handleChange
功能中通过e