如何判断react应用程序是否是单页应用程序?

时间:2018-01-10 01:44:51

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

我不确定是否要拨打某个应用单页应用(SPA)或多页应用(MPA)。该应用程序使用react,redux和react-router,它使用<switch />路由到几个<Route />,每个包装一个React组件。该应用程序看起来和感觉有些作为传统的MPA,因为每个页面看起来都很明显,一个“页面”“下一页”到另一个页面。但是,有一个商店,javascript控制网址,并且webpack.config.js中有一个entry点的事实让我把它想象成一个SPA。如何在SPA和MPA之间划线?

2 个答案:

答案 0 :(得分:2)

如果您使用react,则必须先安装其依赖项。

如果您使用create-react-app YourReactProject command,您会注意到html只生成了一个YourReactProject/public/index.htmldiv只有一个id = root index.js并且YourReactProject/src/index.js div node使用此ReactDOM.render(<App />, document.getElementById('root'));作为父url作为此行代码的 反应。

root div

因此,只要您点击某个root nodediv id=root将保留在页面中,但新的网页内容将成为RequestSpecBuilder builder = new RequestSpecBuilder(); builder.addParam("parameter1", "parameterValue"); builder.addHeader("header1", "headerValue"); RequestSpecification requestSpec = builder.build(); given(). spec(requestSpec). param("parameter2", "paramValue"). when(). get("/something"). then(). body("x.y.z", equalTo("something")); 的孩子。所以从技术上讲,你只有一个{{1}},但它的孩子会被替换掉。希望你能得到答案。

答案 1 :(得分:2)

Spa并不是关于它的感受,而是关于它如何运作的更多信息。

通常,如果路由由前端处理,那么它就是一个水疗中心。

当然这是过度简化,但对于现代应用来说,它通常是正确的。