ReactJs组件体系结构

ReactJs component architecture

本文关键字：体系结构 组件 ReactJs      更新时间：2023-09-26

我问这个问题是为了更好地理解如何使用react js实现。

我刚开始使用react js（如果这个问题很愚蠢，请原谅）

在我看到的大部分教程中，我注意到网页中的所有内容都被定义为组件，当页面的一部分可以是静态html时也是如此。

我想知道这是否是最好的方法，或者只在具有一些"动态数据"/用户交互的DIV中插入我的react组件是否更好。

  • 在需要时放置一些静态HTML，只是为了在任何数据到达之前向用户快速显示一些内容
  • 这样，在渲染组件之前，我可以使用静态html显示占位符
  • 如果放置一些静态HTML也可以，那么它能与react服务器端渲染一起工作吗（我们使用PHP作为服务器）

感谢

为了简单起见，我个人避免混合和匹配架构。我的观点是，我希望设计在我的应用程序中保持一致，而不是以某种方式做某些事情，以另一种方式做其他事情。

当您提到"在任何数据到达之前"时，您指的是ajax调用吗？如果是这样的话，这是一个很好的方法：https://facebook.github.io/react/tips/initial-ajax.html

这将允许在提交ajax调用之前呈现页面，但一旦数据可用，就会自动更新页面（react做得很好）。通过这样做，我还可以避免使用静态html（将html放在html文件中，而不是放在jsx中）。

相关文章：