getDefaultProps

getDefaultProps 是一个方法,用来设置 props 的默认数据,通常情况下组件都会定义部分默认数据,这样调用组件时可以不用将每一个参数都设置一遍
import { PropTypes, createClass, Component } from 'react';
import { render } from 'react-dom';

// 定义组件
class Hello extends Component {
	//设置数据默认值
	getDefaultProps(){
		return {
			name : "auto"
		};
	}
	render(){
		return (
			<div> hello { this.props.name } </div>
		);
	}
}


render(
  	<div>
  		<Hello/>
  	</div>,
  	document.querySelector("#app")
);

你会发现这个不管用,因为使用 Component 定义的组件 不能这样去设置默认值

import { PropTypes, createClass, Component } from 'react';
import { render } from 'react-dom';

// 定义组件
class Hello extends Component {
	render(){
		return (
			<div> hello { this.props.name } </div>
		);
	}
}
Hello.defaultProps = {
	name : "auto"
}


render(
  	<div>
  		<Hello/>
  	</div>,
  	document.querySelector("#app")
);

对应的 propTypes initialState 也不行,需要改为使用属性的方式来设置