在ReactJs中，在多页面应用程序中分解组件层次结构的最佳方法是什么？例如，使用两列的应用程序 . 最左边的列是侧栏，最右边的列是用于加载不同的视图 .
一种观点流程如下 . 侧栏包含用于查看产品列表的链接 . 单击链接后，将在右侧列中加载一组带有简要说明的产品 .
如果用户选择特定产品，则该产品的完整详细视图将加载到同一面板中，替换原始列表视图 .
现在这个完整的详细视图组件是否在产品列表组件下面，因为它是通过单击产品加载的，还是最好将其保存为主应用程序的子组件？
您可以看一下“在反思中思考”这个链接，在您提出的问题上，我会如何分解我的组件 .
https://reactjs.org/docs/thinking-in-react.html
您应该将数据放在必须单击/或触发将使数据更改的事件的位置 . 在这种情况下，您必须单击链接以触发产品列表，然后单击产品以触发产品描述 .
如果您正在通过状态，则不应超过1层，因此请勿将其从父级传递给子级 . 如果是这种情况，您应该将状态降低 .
我希望这能让你走向正确的道路 .
1 回答
您可以看一下“在反思中思考”这个链接，在您提出的问题上，我会如何分解我的组件 .
https://reactjs.org/docs/thinking-in-react.html
您应该将数据放在必须单击/或触发将使数据更改的事件的位置 . 在这种情况下，您必须单击链接以触发产品列表，然后单击产品以触发产品描述 .
如果您正在通过状态，则不应超过1层，因此请勿将其从父级传递给子级 . 如果是这种情况，您应该将状态降低 .
我希望这能让你走向正确的道路 .