如何判断 React 应用程序是否是单页应用程序？答案

【问题标题】：How can I tell if a react application is a single page application?如何判断 React 应用程序是否是单页应用程序？
【发布时间】：2018-01-10 01:44:51
【问题描述】：

我不确定是调用某个应用程序单页应用程序 (SPA) 还是多页应用程序 (MPA)。该应用程序使用 react、redux 和 react-router，它们使用 <switch /> 路由到几个 <Route />s，每个都包装一个 React 组件。对于某些人来说，该应用程序的外观和感觉与传统 MPA 一样，因为每个页面看起来都不同，一个“页面”“下一个”到另一个页面。然而，事实上只有一个商店，javascript 控制 url，并且 webpack.config.js 中有一个 entry 点，这让我把它想象成一个 SPA。 SPA 和 MPA 的界线是如何划分的？

【问题讨论】：

如果它使用单个 html 文件，它就是一个 SPA。

标签： reactjs webpack react-router single-page-application

【解决方案1】：

如果你使用react，你必须先安装它的依赖。

如果您使用的是create-react-app YourReactProjectcommand，您会注意到在YourReactProject/public/index.html 处只有一个html 生成，其中只有一个div 和id = root，而您在YourReactProject/src/index.js 的index.js 使用这个div 作为父 node 的反应这行代码。

ReactDOM.render(<App />, document.getElementById('root'));

因此，每当您单击某些url 时，root div 将保留在页面中，但新页面内容将成为root node 的子项。所以从技术上讲，你只有一个div id=root，但它的孩子被替换了。希望你得到答案。

【讨论】：

【解决方案2】：

水疗中心不是关于它的感觉，而是关于它的工作原理。

通常，如果路由是由前端处理的，那就是一个spa。

当然，这过于简化了，但对于现代应用程序来说，这通常是正确的。

【讨论】：