預設道具

defaultProps 允許你為元件 props 設定預設值或回退值。當你使用固定道具從不同檢視呼叫元件時，defaultProps 非常有用，但在某些檢視中，你需要傳遞不同的值。

句法

ES5

var MyClass = React.createClass({
  getDefaultProps: function() {
    return {
      randomObject: {},
      ...
    };
  }
}

ES6

class MyClass extends React.Component {...}
  
MyClass.defaultProps = {
    randomObject: {},
    ...
}

ES7

class MyClass extends React.Component {  
    static defaultProps = {
        randomObject: {},
        ...
    };
}

getDefaultProps() 或 defaultProps 的結果將被快取並用於確保 this.props.randomObject 具有一個值（如果父元件未指定）。