18910140161

JavaScript-无法获取选项组目标ID以动态设置值-堆栈溢出

顺晟科技

2022-10-18 12:46:57

225

这是我的选择组元素。

 <ChoiceGroup defaultSelectedKey="No"
  options={[{ key: 'Yes', text: 'Yes' },{ key: 'No', text: 'No' }]}
  onChange={this._onChange}
  id={'ChoiceGroup1'}
  name={this.state.currentUser} />

和我的onchange函数

public _onChange=(ev, option: IChoiceGroupOption)=> {
console.log(ev,option); } 

但我无法获取target.id值。目标显示为空,但在TextField的情况下,我能够获得组件

的名称和目标

顺晟科技:

您可以手动将所选项目的ID传递给_onChange函数。

根据道具和用例,我假设您的ChoiceGroup组件通过“选项”进行映射。道具并渲染另一个组件。如果是这样的话,您可以稍微调整一下,让它将单击的项传递给父组件(这样您就可以决定如何处理它)。

因此,在ChoiceGroup组件中添加

{options.map(option =>
<ChoiceGroupOption
  onClick={e => onItemSelected(option)}
/>}

 <ChoiceGroup defaultSelectedKey="No"
   options={[{ key: 'Yes', text: 'Yes' },{ key: 'No', text: 'No' }]}
   onItemSelected={item => this._onChange(e, item.id)}
   id={'ChoiceGroup1'}
   name={this.state.currentUser} />

然后在事件处理程序中输入:

public _onChange = (ev, selectedId)=> {
    console.log('ID: ', selectedId);
}
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航