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

Question

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

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

Answer 1

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

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

props.isExpanded

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

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