码迷,mamicode.com
首页 > Windows程序 > 详细

React入门--------顶层API

时间:2016-12-19 11:37:59      阅读:268      评论:0      收藏:0      [点我收藏+]

标签:turn   com   ring   conf   创建   调用   create   组件   ops   

React.createClass

参数:config(object)

创建一个ReactClass(组件类),参数是一个对象且必须带有render属性方法,该方法必须返回一个封闭的容器(容器内可以由其他不限结构的容器)或null/false(表示啥都不渲染):

 var Component = React.createClass({
        render: function() {
            return this.props.a==1 ? <div><h1>标题</h1><p>123</p></div> : null
        }
    });

    ReactDOM.render(
        <Component a="1" />, document.body
    );

注意:在该方法里面,所有的this都会在最终调用时自动的绑定到当前组件的构造器上。

React.createElement

参数:type(string/ReactClass),[props(object)],[children(ReactElement)]

创建一个指定类型的React元素,注意第三个参数children可以是任意个React元素。

 var Component = React.createClass({
        render: function() {
            return this.props.a==1 ? <p>123</p> : null
        }
    });

    ReactDOM.render(
        React.createElement(div, null,
            React.createElement( p, null,
                React.createElement(span, null, Hello,),
                React.createElement(span, null, world,),
                React.createElement( Component, {a : 1})
            )
        ), document.body
    );

React.cloneElement

参数:type(ReactElement),[props(object)],[children(ReactElement)]

克隆并返回一个新的ReactElement(内部子元素也会跟着克隆),新返回的元素会保留有旧元素的props,ref,key,也会集成新的props(只要在第二个参数中有定义)

 

React入门--------顶层API

标签:turn   com   ring   conf   创建   调用   create   组件   ops   

原文地址:http://www.cnblogs.com/yddlvo/p/6196560.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!