Получить поле для выбора других полей выбора на основе идентификатора выбора

Question

Я работаю с материалом-ui и React. У меня есть SelectField, который является частью компонента, который является внуком родительского компонента. Мне нужно принять значение элемента в SelectField, а затем использовать его для отображения информации в другом SelectField, который является дочерним элементом этого компонента, поэтому, если хотите, это будет внуком родительского компонента.

Мне нужно использовать значение, которое я получаю от первого SelectField, чтобы сделать запрос API, чтобы получить информацию, которую мне нужно показать в следующем SelectField.

Я могу успешно получить значение с первого SelectField, но я изо всех сил пытаюсь понять, как я могу его показать в дочернем компоненте.

Если бы вы могли мне помочь, я был бы признателен.

Спасибо за ваше время

Answer 1

Чтобы исправить это, я создал массив и при выборе значения из первого SelectField я обновил состояние массива со значениями, которые я хотел заполнить следующую SelectField с и передал его обратно от родительского компонента в качестве реквизита.

Answer 2

Поместите значение ваших двух полей в состоянии и заполнить ваши выбрать поля с thoses значениями. Создайте обратный вызов, который вызовет this.setState(), чтобы изменить значение второго поля при первом изменении. Прикрепите этот обратный вызов к первому полю с свойством onChange. В результате второе поле выбора будет иметь новое значение. вам пример here