Как читать значения из динамических дочерних компонентов в React
У меня есть несколько строк, которые создаются на основе множественного выбора. В каждой строке снова будет несколько входных элементов. Мое требование приведено ниже.
- Для каждой опции, выбранной при множественном выборе, получите входные значения из строки, которая была создана при выборе этой опции.
Для этого у меня было два компонента: один родительский компонент Multi Select и компонент дочерней строки с разными полями ввода. Я не понимаю, где мне хранить состояние компонентов дочерней строки.
Если я сохраню его в самой строке, как мне обновить родительское состояние, поскольку каждое поле ввода является свойством выбранной опции.
Если я сохраню состояние в родительском, как мне узнать, какая дочерняя строка обновляется для полей ввода.
Я посмотрел на ссылки в React, но не смог понять, как их использовать, если количество дочерних строк динамическое.
Здесь - это пример кода реакции, который воспроизводит описанный выше сценарий.
Насколько я знаю, axios предназначен для вызовов API. Я не выполняю никаких вызовов API. У меня уже есть необходимые данные. Я использую массив, но как мне найти индекс строки, чтобы я мог обновить массив в родительском компоненте.
На самом деле извините за мою ошибку. используйте lodashlodash.com
Я могу копировать объекты с помощью lodash, но как мне управлять родительско-дочерними отношениями. Есть ли другие методы в lodash, которые помогли бы мне решить эту проблему. Если да, не могли бы вы поделиться ссылкой или примером того, как вы это делаете.
Необходимо использовать размерный массив. _.findIndex, _.filter можно использовать при работе с массивами.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Вы должны использовать массив в состоянии компонента и манипулировать им по своему усмотрению. Вы можете использовать
axios, чтобы упростить github.com/axios/axios