Тег селектора с проблемой значения по умолчанию (JSX)

Question

Свойство defaultValue в теге селектора не работает должным образом.У меня есть компонент формы с некоторыми полями и полями селектора.Теперь мне нужно предварительно заполнить форму при нажатии кнопки редактирования из другого компонента.Я передаю данные с помощью this.props.history.push({ pathname: "/Register", prePopulate: res.data.data });

и получаю доступ к данным с помощью this.props.location.prePopulate.

Я устанавливаю новые значения в состояние, а поля формы загружаются с предыдущимданные.Проблема в селекторах, которые не показывают ранее выбранные опции.Я попытался использовать свойство defaultvalue и передать значение this.state.value, но оно не работает.Если я жестко запрограммировал параметр, он работает, но не при попытке вытащить его из состояния.

<select
                        className={classnames("form-control form-control-sm", {
                          "is-invalid": this.state.valEmergency
                        })}
                        name="emergency"
                        onChange={this.onChange}
                        defaultValue={this.state.emergency}
                      >
                        <option value="">Choose your level</option>
                        <option value="PRIMARY">Primary</option>
                        <option value="SECONDARY">Secondary</option>
                        <option value="TERTIARY">Tertiary</option>
                      </select>

Answer 1

Вы можете просто перейти со свойством value и обработать изменения с помощью onChange={this.onChange}. Поэтому вместо defaultValue={this.state.emergecy} перейдите с value={this.state.emergency}