javascript - 从 React MaterialUI RadioButtonGroup 获取值和 id

Question

我正在尝试从动态 MaterialUI RadioButtonGroup 中获取选定的值和gameID。

Doing it like this i can get the gameID, but not the value:

<form onSubmit={this.handleEmailNotifications}>
    <ul>
        {profile.games.map((game) => {
            return (
                <li key={game.game_id}>
                    <RadioButtonGroup
                        name={game.game_title}
                        onChange={() => this.handleGameNewsChange(event, value, game)}>
                        <RadioButton
                            value="yes"
                            label="Yes"
                        />
                        <RadioButton
                            value="no"
                            label="No"
                        />
                    </RadioButtonGroup>
                </li>
            )
        })}
    </ul>
</form>


handleGameNewsChange(event, value, game) {
    console.log(event, value, game)
} 
//output undefinded, undefined, game

更改自

onChange={() => this.handleGameNewsChange(event, value, game)}

到

onChange={this.handleGameNewsChange}>

I can get the value but not the gameID

我怎样才能同时获得两者？

Answer 1

因为您没有在arrow function中传递事件和值 ，这样写:

onChange={(event, value) => this.handleGameNewsChange(event, value, game)}>

这就是事件和值未定义的原因。