什么是反应成分的正确或有效方法？

Question

我的应用程序中有多个视图，如何有效使用可重用组件需要帮助吗？如果我从可重用组件创建特定于视图的组件，那还可以吗？ -通用树视图。对于用户，将使用用户特定的数据和操作呈现的视图。

我已经在我的React应用程序中编写了可重用组件，但我必须将其与不同的数据一起使用，因此是否可以创建使用可重用组件并提供与之相关的数据的新组件？

即

Component-呈现和与Department相关的某些功能的DepartmentTree。最后，我将渲染

Component-usersTree在这里调用和用户相关的方法相同。在用户视图中，我将渲染

Answer 1

创建呈现可重用组件的特定于视图的组件绝对可以。您可以让它取决于您的页面大小。如果它包含很多组件，请在查看特定组件时将它们拆分。

关于数据，您有一些选择...首先，您可以将数据响应映射到TreeView组件可以读取的常规结构，因此您只需要将一些道具传递给TreeView组件。您可以在redux reducer中执行此操作。

如果您需要特定的数据以不同的方式运行，但是您仍然想使用可重用的TreeView组件，则可以考虑创建一个高阶组件。该组件将包装您的可重用组件，并为其添加一些特定的逻辑。您可以阅读有关内容，并在此处查看一些很好的示例：https://reactjs.org/docs/higher-order-components.html

我始终牢记的最重要的事情：并非总是与最终的完成方式有关，而是与保持简单，可理解和一致有关。