Неправильное поведение группы выбора Office-ui-fabric-реакции в том же компоненте, что и текстовое поле - PullRequest
1 голос
/ 07 марта 2019

Я разрабатываю надстройку для 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>
    );
};

Для выбора кнопок выбора группы требуется два щелчка, чтобы выбрать кнопку, иввод в текстовое поле отменяет выбор переключателей.

Ни один из примеров не показывает ничего, кроме группы выбора.Как заставить компонент работать с этой комбинацией компонентов пользовательского интерфейса?

1 Ответ

1 голос
/ 19 марта 2019

Обновление до версии 6.153.0 решило проблему.

...