Tag: react.js

使用react写组件的时候,是否应该将css内联写入?

否则的话每个组件对应一个css,别的组件引入这个组件就要引入两个文件了.请同学们解答一下,纯新手哈

react+flux下开发,browserify打包生成bundle.js太大?

react+flux下开发,es6方式,browserify打包生成bundle.js 压缩合并太大.有什么好的解决方案,难道给gmail进入需要加进度条. 如果拆分,就的使用常规开发路由+加载器.目前的开发模式是 nodejs下es6开发,最后编译成前端浏览器可以解析的代码. 还有就是生成每个模块[name]_bundle.js,然后浏览器载入路由在加载,这样太背油了. nodejs开发每个模块编译,最后还的浏览器路由,加载进来,是不是太麻烦了. 各位怎么解决的?

react两个组件需要渲染到同一个div中怎么做啊?

<div id=”nav”> </div> var LeftNav = React.createClass({ render: function() { return ( //… ); } }); var RightNav = React.createClass({ render: function() { return ( //… ); } }); 如果这两个组件都需要渲染到同一个div,怎么实现啊? 或者说,如何把一个组件渲染到一个非空的div中呢?

React和Webpack是如何走在一起的?

最近看到网上到处都在说react和webpack开发,这两个东西是如何在一起的? react和webpack组合有什么优势吗?

React 如何优雅地实现标签页切换?

想用 react 实现类似 bootstrap 的标签页,如何才能优雅地实现呢?

如何使用React重构pc页面

最近在思考两个问题: 组件化 我觉得真正的组件化,应该是一个组件包含完整的html js css images这些资源,真正达到可插拔的零部件,而之前使用的fis可以通过资源重组来实现组件化。使用react也有一段时间了,一直没想明白如何用react也这样实现,我能想到的就是用webpack把依赖的资源打包一起,不知道这样以后会不会不好扩展或是维护。 使用react的姿势 照目前看,已经出现了六七款基于react写的框架,可以实现使用一个标签就能完整呈现一个ui效果,但是另外一个方向肯定自己在项目中手写封装component,因为毕竟需要考虑组件间数据和状态的传递,这才是实际项目应该考虑的组件化,那么问题是如何在项目中考虑这两种使用的姿势。

react渲染tbody该怎么做?

我一开始想直接渲染table里的tbody,后来发现react不是给table添加一个tbody,而是把table的内容整个替换成了tbody,这导致了我写在html里的thead被替换了。意识到这个后,我就想在html里thead后写个div,然后让react渲染这个div来插入tbody。但是好像在html里不能在table里插div。我该怎么做呢?如果我不想渲染整个table,只想渲染tbody的话?

为什么React中this.state不要直接修改,而是创建新的副本?

阅读到这里http://camsong.github.io/redux-in-chinese/docs/basics/Reducers.html 注意: 不要修改 state。 使用 Object.assign() 新建了一个副本。不能这样使用 Object.assign(state, { visibilityFilter: action.filter }),因为它会改变第一个参数的值。一定要把第一个参数设置为空对象。也可以使用 ES7 中还在试验阶段的特性 { …state, …newState },参考 对象展开语法。 在 default 情况下返回旧的 state。遇到未知的 action 时,一定要返回旧的 state。

react 如何打包比较好

最近用 webpack 打包 ,但是遇到一个问题是:打包出来的代码很长很长,把webpack , React-Hot-Loader包都加进来了。 但我不需要这些包,我只想把我的react组件 打成一个包就可以了,这需要怎么实现!(我已经折腾了两天了)

react 提交获取数据问题

var Couponlist = React.createClass({ getDefaultProps:function(){ return { data : [ {oid:123456,count:20,price:30,date:’2015-01-01′}, {oid:123458,count:30,price:40,date:’2015-01-02′}, {oid:123457,count:40,price:50,date:’2015-01-03′} ]} }, render:function(){ return ( <div className = “djq-list-box over-hide”> <CouponListTitle/> <CouponListBody {…this.props}/> <CouponButton {…this.props} /> </div> ) } }); var CouponListTitle = React.createClass({ render:function(){ return ( <div className=”djq-tit mt-04 mb-04″> <div className=”bgc-blue white ta-c d-ib text”>代金券</div> </div> ) } }); var […]

.