javascript - ReactJs 组件架构

Question

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

我刚刚开始使用 React js(如果这个问题相当愚蠢，请原谅我)

对于我看到的大部分教程，我注意到网页中的所有内容都被定义为组件，即使页面的一部分可以是静态 html。

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

我有几件事

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

谢谢

Answer 1

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

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

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