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

时间:2017-05-23 06:42:39

标签: javascript reactjs antd

我正在使用Ant Desing Radio和反应js来创建一个单选按钮。然后我用地图功能创建一个这样的单选按钮:

def __unicode__(self): 
    return self.user.get_absolute_url(self)

同样在<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>但是我在开发人员工具或antd文档中看不到任何属性?剂量任何人都知道如何访问此属性并使用onChange将其保存到状态?

1 个答案:

答案 0 :(得分:2)

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

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

现在onChange方法内部e.target.name访问该名称。