在構造函數或componentWillMount中設置初始反應組件狀態？

Question

在反應組件中，最好是在構造函數（）或componentWillMount（）中設置初始狀態？

export default class MyComponent extends React.Component{ 
    constructor(props){ 
    super(props); 
    this.setState({key: value}); 
    } 
} 

或

export default class MyComponent extends React.Component{ 
    componentWillMount(props){ 
    this.setState({key: value}); 
    } 
} 

Answer 1

在構造函數中使用ES6類時，但不使用setState API是最好的，而做像這樣：

export default class MyComponent extends React.Component{ 
    constructor(props){ 
    super(props); 
    this.state = { key: value }; 
    } 
} 

另外，如果你有班級屬性可用（巴伯階段1），那麼你可以做到以下幾點：

export default class MyComponent extends React.Component{ 
    state = { key: value }; 

    render() { 
    .... 
    } 
}