Я новичок, чтобы реагировать.У меня есть несколько вопросов о поддержании состояния среди компонентов.У меня есть проблемы с поддержанием состояний.Это может быть большой вопрос.
Простая форма: где я могу управлять состоянием, если у меня более 3+ компонентов?
Подробно: например, у меня есть следующие компоненты
Main.js -
Filter.js
Dropdown1.js
Dropdown2.js
Result.js
ViewDetails.js
PopulateDataForView.js
Main.js - Основной компонент, который содержит компонент Filter and Result.
Filter.js - Содержит следующие раскрывающиеся элементы
Dropdown1.js - опции, добавленные с помощью API-вызова
Result.js - будет отображаться запись, основанная на выборе в компонентах Filter.Таким образом, в основном он получит подробности из Filter.js
ViewDetails.js - если щелкнуть какую-либо запись в файле result.js, этот компонент отобразит сведения об этом идентификаторе строки.
PopulateDataForView.js - это вспомогательный компонент для компонента viewDetails.он заполнит некоторые данные и передаст их ViewDetails.js
Filter.js имеет свое собственное состояние для поддержки выпадающих значений onchange и отправит данные в Result.js.Result.js также имеет свои собственные состояния.
Result.js получает данные из Filter.js и выполняет вызов axios и отображает результаты.
Итак, здесь я могу поддерживать состояния?Какой компонент является подходящим местом для его обслуживания или я могу использовать более одного компонента для его обслуживания?