react設定預設state和預設props

看風景就發表於2018-09-07

1.預設狀態設定

1.constructor (ES6)

constructor(props) {
    this.state = {
        n: ...
    }
}

2.getInitialState (ES5)

只能用在React.createClass中,extends React.Component不行

2.預設props設定

1.元件外部 (ES6)

component.defaultProps = {
    name: '...'
}

2.元件內部 (ES7,必須開啟ES7的babel支援)

static defaultProps = {
    name: '...'
}

3. getDefaultProps (ES5)

只能用在React.createClass中,extends React.Component不行

相關文章