在 Ant.desing 和 React.js 中获取广播文本

Question

我正在使用 Ant Desing Radio 和 React js 创建单选按钮。然后我创建了一个带有地图功能的单选按钮：

<RadioGroup onChange={this.setActivityType}  defaultValue={this.props.activityTypes[0].value} size="large">

                {this.props.activityTypes.map((type,i)=>(
                      <RadioButton key={i} value={type.value} >{type.name}</RadioButton>
                ))}
</RadioGroup>

也在 onChange={this.setActivityType} 函数中我可以看到作为 value={type.value} 传递的 e.target.value 我还需要 <RadioButton> 标签之间的名称， {type.name}但我在开发人员工具或 antd 文档中看不到任何属性？有谁知道如何访问此属性并将其保存到 onChange 状态？

Answer 1

要访问每个 RadioButton 的名称，请为每个 RadioButton 定义一个名称属性，如下所示：

<RadioButton key={i} value={type.value} name={type.name}>{type.name}</RadioButton>

现在在 onChange 方法中通过 e.target.name 访问该名称。

在 Ant.desing 和 React.js 中获取广播文本

Getting text of Radio in Ant.desing and React.js

javascript

reactjs

antd