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

时间:2019-04-24 06:09:50

标签: reactjs redux react-redux

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

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

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

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

1 个答案:

答案 0 :(得分:0)

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

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

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

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