设置默认属性值getDefaultProps方法

一、getDefaultProps方法介绍

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

二、实际代码

  1. 定义ShowTitle组件
    var ShowTitle = React.createClass({
      getDefaultProps:function(){
        return{
          title : "百度科技"
        }
      },
      render : function(){
        return 

    {this.props.title}

    } });
    提示:以上代码title的默认值为"百度科技"。
  2. 展示
    ReactDOM.render(
      ,
      document.getElementById("container")
    );
    注意:在这里没有给子组件传值,但是title属性已经设置了默认值,在界面上会展示"百度科技"。
  3. 效果
设置默认属性值getDefaultProps方法_第1张图片

你可能感兴趣的:(React,Native)