Dropdown отключается после первого рендеринга

Question

У меня есть Dropdown, я выбираю значение, скажем, «myName», затем у меня есть кнопка, которую я нажимаю, и она отображает форму для заполнения с «myName» в одном из полей. Но есть проблема с пользовательским интерфейсом. Когда я нажимаю эту кнопку формы, она отображает форму, но выбранный элемент в раскрывающемся списке исчезнет. Я попытался отладить, и, кажется, есть проблема при рендеринге во второй раз. он не работает в функции с именем commitRoot(root, finishedWork); в react-dom.js файле, и я не знаю, что это значит, поскольку я очень новичок в этой области.

    render() {
    return (
        <Dropdown 
            className='titlebar__dropdown'
            options={this.myOptions}
            onChange={this.selectedNameChanged}
            selectedKey={PlanSelector.selectedName}
            placeholder='Select a Plan'
        />

перед тем, как щелкнуть форму:

После нажатия кнопки больше не отображаются параметры:

Answer 1

Возможно, вы перезаписываете состояние свойства, содержащего значение раскрывающегося списка.

Убедитесь, что для него снова не установлено значение "", как вы, должно быть, сохранили.

При нажатиикнопки, состояние изменяется, и в результате, render () запускается снова, из-за чего оно перезаписывается, убедитесь, что удерживаете ваше состояние при нажатии кнопки и проверьте, если вы меняете состояние свойства selectedNameChanged.

Надеюсь, это поможет, если нет, укажите метод, который вызывается нажатием кнопки.

Спасибо