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

Question

我在页面的左侧有一个序列图，而在右侧则有日志。我使用react-json-inspector库。这是日志列表。但是我有一个问题。当我单击序列二字的文本时，它将转到列表中的项目。但是列表中的项目不会扩展。库中有一个扩展事件。我需要进入扩展该元素的状态。但是它只是最初渲染。我需要达到此图像中显示的状态。但是这种状态不在我的商店内。如何访问该库使用的状态？

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

Answer 1

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

此库/组件看起来不是交互式数据驱动的-只能使用一些预设进行初始化：

  

props.isExpanded

     

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

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