Javascript e在react js组件中未定义

Javascript e在react js组件中未定义,javascript,reactjs,Javascript,Reactjs,我试图根据输入字段的值(react js中的受控组件)设置状态,但一旦我尝试更改输入字段的值,事件总是导致未定义 App.js initialState = { set: { team1Score: 5, team2Score: 6, }, }; handleChange(e) { this.setState({ set: { team

我试图根据输入字段的值(react js中的受控组件)设置状态,但一旦我尝试更改输入字段的值,事件总是导致未定义

App.js

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