Este es mi elemento Choice Group
<ChoiceGroup defaultSelectedKey="No" options={[{ key: 'Yes', text: 'Yes' },{ key: 'No', text: 'No' }]} onChange={this._onChange} id={'ChoiceGroup1'} name={this.state.currentUser} />y mi función onChange
public _onChange=(ev, option: IChoiceGroupOption)=> { console.log(ev,option); }pero no puedo obtener el valor target.id . El objetivo muestra nulo, pero en el caso de Textfield puedo obtener el nombre y el objetivo del componente
Puede pasar manualmente la identificación del elemento seleccionado a la función _onChange.
Según los accesorios y el caso usado, asumo que su componente ChoiceGroup se asigna a través del accesorio de "opciones" y representa otro componente. Si ese es el caso, puede modificarlo un poco para que pase el elemento en el que se hizo clic al componente principal (para que pueda decidir qué hacer con él).
Entonces, en su componente ChoiceGroup, agregue
{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} />Luego, en el controlador de eventos, pon esto:
public _onChange = (ev, selectedId)=> { console.log('ID: ', selectedId); }