ReactJS中道具的默認值

Question

如何在ReactJS中定義默認值？

var Header = React.createClass({ 
    render: function() { 
     return (
     <h1>{this.props.title} if not defined insert "Title"</h1> 
    ) 
    } 
}); 

Answer 1

由於您的示例使用創建組件的createClass版本，因此可以使用getDefaultProps函數。

https://facebook.github.io/react/docs/react-without-es6.html#declaring-prop-types-and-default-props

getDefaultProps: function() { 
    return { 
     title: 'Title' 
    }; 
    }