以前使用reactjs做前端开发都是webpack打包然后在运行,这样的好处是,你开发的环境是一个纯碎在写nodejs的感觉,而且还能应用很多ES6的新特性,岂不快哉!最近在做后端,也由于使用webpack时间长,一直没有找到很好的办法去解决,自动打包缓慢的问题,还有就是每次开发你都要去根据具体情况写要给跟webpack相关的config文件。于是就试着用Browser的环境进行开发,结果今天尝试下后,果然还是很不错的。首先引入react,我这里使用reflux,然后再引入reflux,再引入babel。
类似下面这样,跟使用jquery是一样的感觉。接下来我们写一个简单的分页的组件。var Pagination = React.createClass({
clickHandler: function (e) {
e.preventDefault();
if (e.currentTarget.dataset.handle == 'false') {
this.props.listData(e.currentTarget.dataset.page);
}
},
render: function () {
let nextStop = false;
let preStop = false;
if (this.props.currentdata.length