Как я могу получить доступ к состоянию, которого нет в магазине в React?

Question

У меня есть диаграмма последовательности в левой части моей страницы, и у меня есть журналы справа. Я использую библиотеку реагировать-json-инспектора. Это обеспечивает список журналов. Но у меня есть проблема. Когда я нажимаю текст диаграммы последовательности, он переходит к элементу в списке. Но пункт в списке не расширяется. В библиотеке есть событие расширения. Мне нужно добраться до государства, чтобы расширить этот элемент. Но это только делает вначале. Мне нужно достичь состояния, которое появляется на этом изображении. Но это состояние не в моем магазине. Как я могу получить доступ к состоянию, используемому этой библиотекой?

ссылка на библиотеку: https://github.com/Lapple/react-json-inspector

Answer 1

Государство является внутренней ответственностью компонента. Вы не можете изменить его извне - вы можете изменить компонент с измененным реквизитом. Компонент может обновить внутреннее состояние, используя измененную проп.

Эта библиотека / компонент не выглядит интерактивно управляемой данными - ее можно инициализировать только с некоторыми предустановками:

props.isExpanded

Необязательный предикат, который может определить, должен ли> листовой узел быть расширен при начальном рендеринге .

Вы можете расширить этот компонент , чтобы знать о дополнительном свойстве (например, selectedNode) - выделить / развернуть нужный элемент (при запуске и изменении этого реквизита).