Как сохранить значение опции выпадающего меню даже после переключения между компонентами вactjs?

Question

Так что в основном у меня есть две вкладки или 2 вкладки. Первая вкладка имеет несколько раскрывающихся списков, а вторая - ничего. Поэтому, если я выберу значения на вкладке, в которой есть раскрывающиеся списки, и переключусь на вторую вкладку, значения, которые я выбрал, исчезли. По сути, состояние не поддерживается.

Моя проблема заключается в том, как сохранить состояние или значения выбранных раскрывающихся списков, даже если я переключаюсь между вкладками

С базовым решением реагирования нет избыточности или зацепок.

Answer 1

То, что вы описываете, является проблемой решения глобальных состояний, такой как решение проблемы избыточности. Так как вы хотели бы использовать решение ванильной реакции, я бы предложил либо поднять состояние до родительского элемента обоих компонентов, либо использовать Context API - вы можете прочитать о Context здесь: https://reactjs.org/docs/context.html#reactcreatecontext

Поднятие состояния в основномозначает перемещение места, которое вы объявляете, и функции, которая изменяет состояние, до родительского элемента обоих компонентов. Затем вы можете передать состояние и функции, которая изменяет состояние в качестве реквизита, позволяя обоим компонентам совместно использовать это состояние, а также иметь возможность изменять состояние.

Если это только небольшое значениеобъем данных или что-то простое, я бы пошел с поднятием состояния. Если он будет расти со временем, я бы использовал Context.

Удачи!