reactjs - React.js 是否要求应​​用程序是单页面

Question

我正在研究 React.js，我的问题很简单:如果我使用 React，我的应用程序是否必须是单页应用程序？

如果没有那么我如何控制它们之外的组件？通过通量？还有其他标准方法吗？

如果是那么是否有任何库可以在客户端为 React 执行权限/访问验证？

非常感谢!

Answer 1

react 应用程序不必是单页面应用程序。 React 为您提供了一种根据具有特定渲染逻辑的类来建模 HTML 的方式，但不会强加任何类型的特定应用程序逻辑(例如单页与多页)。

我不太确定我是否理解您的其余问题，但我认为您本质上是在问如何将 react 应用程序建模为多页面应用程序。有很多方法，但是，其中一种是像这样构建文件:

./app --> main page for your app
    ./app/page1/ --> page 1 of your app
    ./app/page2/ --> page 2 of your app
    ...

这样，每个“页面”将包含一个独立的 react 项目。您的主应用程序页面可以包含加载这些页面的超链接，或者您可以在 JavaScript 代码中异步加载它们。

编辑:评论中澄清的问题是如何根据页面上的某些操作来更改 react 组件:

假设react组件B包含在react组件A中。用户按下react组件B中包含的按钮B，按下时，调用react组件B中的回调B code>，并且此点击应该触发 react 组件 A 中的某些操作。 回调 B 应该以某种方式通知 react 组件 A 事情已经发生了变化。

在这里您可以选择要做什么。您可以让 react 组件 B 发出 react 组件 A 监听的更改(并相应地重新渲染)，或者您可以使用 FLUX模型。在 FLUX 模型中，react 组件 B 会向某个状态存储发出状态更改，这将触发发出事件。 react 组件 A 需要为此事件设置一个事件回调，当 react 组件 B 发出该事件时，react 组件 A 可以使用react它。