ReactJS中道具的默认值

Question

如何在ReactJS中定义默认值？

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

  

我极度提高了我的React技能，截至2018年这个例子（我   写在问题机构）是过时的。你应该这样做    @VladyVeselinov 使用ES6课程和babel在图片中显示   变换像babel-class-properties，允许你制作静态   组件的字段

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'
    };
  }