如何访问 React 中存储中不存在的状态？

Question

我的页面左侧有一个序列图，右侧有日志。我使用 react-json-inspector 库。这是提供日志列表。但我有一个问题。当我单击序列图表的文本时，它会转到列表中的项目。但是列表中的项目没有展开。图书馆有一个展开活动。我需要到达状态来扩展这个元素。但它仅在最初呈现。我需要达到此图像中出现的状态。但这种状态不在我的商店内。如何访问该库使用的状态？

库链接：https://github.com/Lapple/react-json-inspector

Answer 1

状态是组件的内部职责。您无法从外部更改它 - 您可以使用更改的道具重新渲染组件。组件可以使用 changed 属性更新内部状态。

这个库/组件看起来不像是交互式数据驱动的——它只能用一些预设来初始化：

props.isExpanded

可选谓词，可以确定是否应在初始渲染时扩展>叶节点。

您可以扩展此组件以了解其他属性（例如 selectedNode） - 突出显示/扩展所需的项目（在此道具的启动和更改时）。