如何给组件添加默认props

defaultProps 的作用：

• defaultProps 可以为 Class 组件添加默认 props
• 这一般用于 props 未赋值，但又不能为 null 的情况

添加 defaultProps 的两种方法

1. 在类中声明静态属性 static defaultProps ，这种方法只有浏览器编译以后才会生效。

   static defaultProps = {
       age: 18
   }
   
   render(){
       return(
           <h1>Hello, {this.props.name}. and  my age is {this.props.age}</h1>
       )
   }

2. 在类外为类追加 defaultProps 属性，这种方式会一直生效。

   class App extends Component {
       render() {
           return (
               <div>
                   {this.props.name}
               </div>
           );
       } 
   }
   App.defaultProps={
       name:"jack"
   }

推荐阅读

• React 官方文档