在ReactJs中，在多页应用程序中分解组件层次结构的最佳方法是什么？例如，以一个包含两列的应用程序为例。最左边的列是侧边栏，最右边的列是用于加载不同的视图。
一个视图流如下所示。侧边栏包含用于查看产品列表的链接。单击链接后，一组带有简要描述的产品将被加载到右侧列中。
如果用户选择特定产品，该产品的完整详细视图将加载到同一面板中，取代原始列表视图。
现在，完整的详细视图组件是否位于产品列表组件下，因为它是通过单击产品加载的，还是将其保留为主应用程序的子组件更好？
你可以看看"在 React 中思考"链接，它对你所问的理论是一样的，那就是我如何分解我的组件。
https://reactjs.org/docs/thinking-in-react.html
您应该将数据放在必须单击/或触发会使数据更改的事件的位置。 在这种情况下，您必须单击链接以触发产品列表，然后单击产品以触发产品描述。
如果要传递状态，则不应超过1层，因此不要将其从父级传递到子级。 如果是这种情况，您应该将状态降低。
我希望这能让你朝着正确的道路前进。