随笔分类 -  React

ReactDOM.render()
对React的理解
摘要：转自：http://www.cocoachina.com/webapp/20150721/12692.html 现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS，ReactJs的虚拟DOM（Virtual DOM）和组件化的开发深深的吸引了我，下面 阅读全文
posted @ 2016-06-16 09:13 闹闹猪 阅读(9477) 评论(0) 推荐(2)
获取DOM的真实节点
摘要：<script type="text/babel"> var Myelement=React.createClass({ handleClick:function(){ this.refs.myInput.focus(); this.refs.[refname]获取真实的节点 只有真实的DOM发生c 阅读全文
posted @ 2016-06-15 17:38 闹闹猪 阅读(252) 评论(0) 推荐(0)
React组件三
摘要：<script> <!-- getDefalutPros 设置组件的默认值--> <!--var Mytitle=React.createClass({ getDefaultProps:function(){ return { title:"Hello World!" }; }, render:fu 阅读全文
posted @ 2016-06-15 16:39 闹闹猪 阅读(113) 评论(0) 推荐(0)
React组件二
摘要：<script type="text/babel"> <!-- this.props.children表示读取组件的所有子节点-->var Zu=React.createClass({ render:function(){ return ( <ol> { React.Children.map(thi 阅读全文
posted @ 2016-06-15 16:36 闹闹猪 阅读(129) 评论(0) 推荐(0)
React组件一
摘要：<div id='test'></div> <script type='text/babel'> var Zu=React.createClass({ return <h1>Hello {this.props.name}</h1>; }); ReactDOM.render( <Zu name='na 阅读全文
posted @ 2016-06-15 14:49 闹闹猪 阅读(143) 评论(0) 推荐(0)
React新接触
摘要：html5页面的开始引入： <script src="../build/react.js"></script> <!--核心库--> <script src="../build/react-dom.js"></script> <!--功能库--> <script src="../build/brow 阅读全文
posted @ 2016-06-15 11:11 闹闹猪 阅读(115) 评论(0) 推荐(0)