React App和React Component

时间:2019-09-04 11:36:14

标签: reactjs components

我们将使用React做我们的第一个项目。 它不是单页应用程序,而是多页应用程序。

我现在想弄清楚的是:组件和应用程序之间有什么区别。 如果仅使用组件,是否仍可以使用Redux在当前页面上进行某些状态管理?还是为此需要一个应用程序?

感谢您可以带来的信息!

托马斯

3 个答案:

答案 0 :(得分:0)

您的应用程序可能包含单个组件,但仍将是React应用程序。如果您在页面中使用多个组件,则仍然可以使用react-redux。 Redux基本上是您的状态的容器,并且假设您需要一个组件中的某些状态要在另一组件中使用,Redux为您提供了一种机制,可以使通信高效且可预测。

您还可以将React Context API视为Redux的替代。

答案 1 :(得分:0)

没有称为“ React App”的特殊对象。 React Components通过在一起来构建“ React应用程序”。

但是React组件像树形结构一样形成。这意味着每个组件都有一个父组件,因此您可以创建一个名为“ App”的React组件,并可以在其中放置另一个组件。

在React Components中,状态管理不需要redux。

我希望答案会有所帮助。

答案 2 :(得分:0)

应用程序只是一个组件,它拥有您要尝试做的工作的基础。例如,一个应用可能具有导航菜单,推荐书,广告,内容,登录头像等。

如果您每页制作一个应用程序(例如,个人鉴定),那么您仍将拥有SPA。例如,添加推荐,搜索,编辑。

仅当您使用的SPA包含许多具有相同数据的不同部分时,才应使用Redux。如果您每页制作一个应用程序,并且数据没有交叉,那么您可以简单地使用Reacts State / Props来保存数据。 Redux很好,但是它会迫使您走上一条应该避免的复杂路径。如果您发现自己需要来自不同域(客户地址和推荐书)的数据,则应使用Redux。

如果这是一个新应用程序(绿色),那么我强烈建议您使用React-Router来控制组件在SPA中构建整个组件。您可以使用Next.JS之类的框架来确保该站点的规模很小(仅在需要时动态加载脚本)。