最新消息:20181230 VPS服务器已从Linode换到腾讯云香港,主题仍用朋友推荐的大前端D8

【已解决】React中合并login.html和index.html成单个app.js

HTML crifan 435浏览 0评论

折腾:

【规避解决】ReactJS中如何给带多个html页面的app加上路由

期间,需要先去把之前分开的独立的

login.html

index.html

合并成一个html,并且和代码和合并到同一个app.js内部

此处尤其是需要把两个html中不同的body的class属性:

要合并到一起。

➜  rse_web git:(master) ✗ npm install react-router
npm WARN babel-loader@6.2.10 requires a peer of webpack@1 || 2 || ^2.1.0-beta || ^2.2.0-rc but none was installed.
npm WARN react-dom@15.6.1 requires a peer of react@^15.6.1 but none was installed.
added 8 packages in 12.489s

然后继续折腾。

期间:

【已解决】ReactJS出错:Warning Failed prop type The prop history is marked as required in Router but its value is undefined

然后又出现:

【已解决】ReactJS出错:Uncaught Error A Router may have only one child element

但是接着又出现:

【已解决】ReactJS中react-router的this.context.router未定义

但是又:

【已解决】ReactJS中Uncaught TypeError this.context.router.push is not a function

但是却又无法跳转页面:

【已解决】ReactJS中react-router v4的this.context.router.history.push无法跳转页面

【总结】

最终实现了把login登录页面,和main主页页面,合并到同一个app.js

且登录页面提交按钮后,可以代码中跳转到主页中。

相关代码详见:

【规避解决】ReactJS中如何给带多个html页面的app加上路由

【后记】

后来看到:

reactjs – Programmatically navigate using react router V4 – Stack Overflow

React Router 4 – WEB API | ED少年 – 王文宏的博客

去试试根据state中是否登录,然后去Redirect到对应的Login或Main

转载请注明:在路上 » 【已解决】React中合并login.html和index.html成单个app.js

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
61 queries in 0.060 seconds, using 9.48MB memory