javascript - 在 Ant.desing 和 React.js 中获取 Radio 的文本

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

Answer 1

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

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

现在在onChange方法内部通过e.target.name.