Я разрабатываю надстройку для Outlook, используя office-ui-fabric-реагировать, используя Typescript.У меня есть диалоговое окно с группой выбора, текстовым полем, кнопкой по умолчанию и основной кнопкой, как показано здесь:
export interface ChoiceGroupDemoProps {
onChoiceGroupChange: (ev: React.FormEvent<HTMLInputElement>, option: any) => void;
onTextFieldChanged: (newText: string) => void;
onSubmit: () => void;
onCancel: () => void;
}
export const ChoiceGroupDemoForm: React.StatelessComponent<ChoiceGroupDemoProps> = (props: ChoiceGroupDemoProps): JSX.Element => {
return (
<div>
<div>
<ChoiceGroup
defaultSelectedKey='A'
options={[
{
key: 'A',
text: 'Test 1',
} as IChoiceGroupOption,
{
key: 'B',
text: 'Test 2'
},
{
key: 'C',
text: 'Test 3',
}
]}
required={true}
onChange={props.onChoiceGroupChange}
/>
<TextField
multiline
rows={4}
placeholder='Comments'
onChanged={props.onTextFieldChanged}
/>
<div>
<DefaultButton text='CANCEL' onClick={props.onCancel} />
<PrimaryButton text='SUBMIT' onClick={props.onSubmit}/>
</div>
</div>
</div>
);
};
Для выбора кнопок выбора группы требуется два щелчка, чтобы выбрать кнопку, иввод в текстовое поле отменяет выбор переключателей.
Ни один из примеров не показывает ничего, кроме группы выбора.Как заставить компонент работать с этой комбинацией компонентов пользовательского интерфейса?