React官方文档： default props的使用

class GreetingWithDefaultProps extends React.Component {
  render(){
    return (
      <h2>{this.props.name}</h2>
    )
  }
}

GreetingWithDefaultProps.defaultProps = {
  name: 'Mary'
};

 root.render(
  <React.StrictMode>
    <BrowserRouter>
      <GreetingWithDefaultProps />
    </BrowserRouter>
  </React.StrictMode>
); 

不使用ES6的写法：

var createReactClass = require('create-react-class');
var GreetingWithDefault = createReactClass({
  getDefaultProps(){
    return {name: 'mozart'}

  },
  render: function() {
    return <h1>Hello, {this.props.name}</h1>;
  }
});

 root.render(
  <React.StrictMode>
    <BrowserRouter>
      <GreetingWithDefault />
    </BrowserRouter>
  </React.StrictMode>
);