关于react的一点小研究
经过两天的不懈研究,终于对 react-router 有点收获了,要是没有点收获,对不起我这死伤数以万计的脑细胞了,回归正题!!!!
关于 react-router 的学习 可以参考一个网站 猛戳这里 http://www.cnblogs.com/E-WALKER/p/4774603.html 看完这篇文章发现已经全懂了,个人认为没必要再继续看下去了,如果还是问题很多,比如 一个具体项目中,各种组件都有 不可能放到一个 js 包里等等,请继续往下看
1. 首先你需要准备 webpack 工具,类似于 grunt 或者 gulp 一样的 构建工具,他可以跟 react 很好的结合,他给整个项目提供一个统一的 入口,并且能很好的把 jsx 文件直接变成js文件,安装webpack 可以用 npm 直接安装 代码是 npm install webpack 回车 ok
2. 所有写好的 jsx 文件 全部改成以 js 结束的文件,并且改用 commonJS 规范来编写,也就是简单来说在最后加上一句 exports.属性名 = 组件名字 (此处的组件不是所有组件,而是你打算在页面中需要渲染的组件名字) ,注意,页面中用到jquery react 需要在顶部去请求相应的模块,例如: var $ = require("jquery") var react = require("react")
等等......
3. 接下来再准备 一个 router.js 的文件,专门来存储 路由配置的一个文件,此处必须上图了:
发现里边有 require 了吧,是的 没错,相信大家应该明白为什么要采用 commonJS 来编写了 就是为了在 router.js 中很好的调用到需要渲染的组件 不过大家在下边编写handler的时候需要注意,是所定义的变量下边的一个属性 对应被加载文件中的组件,这样就可以随心所欲的配置路由了,come on ~~