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