设置默认属性值getDefaultProps方法

一、getDefaultProps方法介绍

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

二、实际代码

  1. 定义ShowTitle组件
    var ShowTitle = React.createClass({
      getDefaultProps:function(){
        return{
          title : "百度科技"
        }
      },
      render : function(){
        return <h1>{this.props.title}</h1>
      }
    });
    提示:以上代码title的默认值为"百度科技"。
  2. 展示
    ReactDOM.render(
      <ShowTitle/>,
      document.getElementById("container")
    );
    注意:在这里没有给子组件传值,但是title属性已经设置了默认值,在界面上会展示"百度科技"。
  3. 效果

猜你喜欢

转载自blog.csdn.net/menglong0329/article/details/81024039