Javascript 在Ant.desing和React.js中获取收音机文本
我使用react js创建一个单选按钮。我用地图功能创建了一个单选按钮:Javascript 在Ant.desing和React.js中获取收音机文本,javascript,reactjs,antd,Javascript,Reactjs,Antd,我使用react js创建一个单选按钮。我用地图功能创建了一个单选按钮: <RadioGroup onChange={this.setActivityType} defaultValue={this.props.activityTypes[0].value} size="large"> {this.props.activityTypes.map((type,i)=>( <RadioButton
<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>
{this.props.activityTypes.map((type,i)=>(
{type.name}
))}
同样在
onChange={this.setActivityType}
函数中,我可以看到作为value={type.value}
传递的e.target.value
,我还需要
的between标记的名称,{type.name}
,但我在开发工具或antd文档中看不到任何属性?有人知道如何访问此属性并使用onChange将其保存到state吗 要访问每个RadioButton
的名称,请使用每个RadioButton
定义名称属性,如下所示:
<RadioButton key={i} value={type.value} name={type.name}>{type.name}</RadioButton>
{type.name}
现在在
onChange
方法中,通过e.target.name
访问该名称。尝试以下操作:用每个单选按钮定义一个name属性,如下所示:{type.name}
然后尝试通过e.target.name
访问onChange方法中的名称。是的,这是正确的,作为答案添加了这一点。