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>
);