Question

我试图从动态MaterialUI RadioButtonGroup中获取所选的value和gameID。

这样做我可以获得gameID，但不能获得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}>

我可以获得value但不能获得gameID

我如何同时获得两者？

Answer 1

因为您没有在arrow function中传递event和value，所以请按以下方式写一下：

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

这就是event和value未定义的原因。

从React MaterialUI RadioButtonGroup获取值和id

1 个答案: