我不确定是将某个应用程序称为单页应用程序(SPA(还是多页应用程序(MPA(。该应用程序利用 react、redux 和 react-router,它们使用<switch />
路由到几个<Route />
,每个都包装一个 React 组件。该应用程序的外观和感觉对某些人来说就像传统的 MPA,因为每个页面看起来都不同,一个"页面"下一个"到另一个。然而,事实上,有一个单一的存储,javascript控制urls,并且在webpack.config中有一个entry
点.js使我认为它是一个SPA。SPA和MPA之间的界限是如何划定的?
如果使用react
,则必须先安装其依赖项。
如果您正在使用create-react-app YourReactProject
command
您会注意到只有一个html
在 YourReactProject/public/index.html
生成,它只有一个与 id = root
div
,并且您的 index.js
在 YourReactProject/src/index.js
使用此div
作为父node
通过这行代码做出反应。
ReactDOM.render(<App />, document.getElementById('root'));
因此,每当您单击某些url
时,root div
将保留在页面中,但新页面内容将成为root node
的子项。所以从技术上讲,你只有一个div id=root
但它的孩子被替换了。希望你得到答案。
Spa 并不是关于它的感觉,而是关于它是如何工作的。
通常,如果路由由前端处理,则它是一个水疗中心。
当然,这过于简化,但对于现代应用程序来说,这通常是正确的。