如何在React中访问不在商店中的状态？

Question

我的页面左侧有一个序列图，右侧有日志。我使用react-json-inspector库。这提供了日志列表。但我有一个问题。当我点击序列diyagram的文本时，它会转到列表中的项目。但是列表中的项目不会扩展。图书馆有一个扩展活动。我需要到达州扩展这个元素。但它最初只会渲染。我需要达到此图像中显示的状态。但这种状态不在我的商店里面。如何访问此库使用的状态？

图书馆链接：https://github.com/Lapple/react-json-inspector

Answer 1

国家是组成部分的内部责任。你不能从外面改变它 - 你可以用改变的道具重新渲染组件。组件可以使用更改的prop更新内部状态。

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

props.isExpanded

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

您可以扩展此组件以了解其他属性（f.e.selectedNode） - 突出显示/展开所需项目（启动和更改此道具）。