首页 > 其他 > 详细

ReactNative--属性默认设置

时间:2017-02-22 19:23:47      阅读:175      评论:0      收藏:0      [点我收藏+]

属性验证 propTypes

组件类的属性

 

用于验证组件实例的属性是否符合要求

    var ShowTitle = React.createClass({
      propTypes:{
        title: React.PropTypes.string.isRequired
      },
      render: function () {
        return <h1>{this.props.title}</h1>
      }
    });

    ReactDOM.render(
      <ShowTitle title=123/>,
      document.getElementById("container")
    )

下面传的123是数字,不是字符串,所以会报错

技术分享

 

 

设置组件属性的默认值

通过实现组件的getDefaultProps方法,对属性设置默认值

    var MyTitle = React.createClass({
      getDefaultProps:function () {
        return {
          title:"lanou"
        };
      },
      render:function () {
        return <h1>{this.props.title}</h1>
      }
    });

    ReactDOM.render(
      <MyTitle />,
      document.getElementById("container")
    );

 

ReactNative--属性默认设置

原文:http://www.cnblogs.com/chebaodaren/p/6430365.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!