var Hello = React.createClass({ getDefaultProps: function() { return {name: "Default Props"}; }, render: function() { return <div>Hello {this.props.name}</div>; } });
みたいなコードのgetDefaultProps
をクラスでやる時どうするのかな?
コンストラクタでやるらしい。
constructor
を使う。
class Hello extends React.Component { constructor(props) { super(props); console.log(props); console.log(this.props); this.state = {name: this.props.initialName}; } render() { return <div>Hello {this.state.name}</div>; } } Hello.defaultProps = {initialName: "Default Props"};