React学习手册

130

｜

第

6

章

<p>{starsSelected} of {totalStars} stars</p>

</div>

)

}

})

render(

<StarRating totalStars={7} starsSelected={3} />,

document.getElementById('react-container')

)

componentWillMount

是组件生命周期的一部分。它可以用于帮助用户在由

createClass

创建的组件或者

ES6

类组件中根据属性值初始化

State

。我们将会在下一章深入介绍组

件的生命周期。

在

ES6

类组件内部，有一种更简单的方法初始化

State

。构造函数通过参数接收属性数

据，因此用户可以简单地调用传给构造函数的

props

参数：

constructor(

props

) {

super(props)

this.state = {

starsSelected: props.starsSelected || 0

}

this.change = this.change.bind(this)

}

大部分情况下，用户将会希望避免根据属性初始化

State

变量。只有在绝对必要的情况

下才可以这么做。用户将会发现这个目标很容易达成，因为在使用

React

组件时，用

户希望限制包含

State

的组件数量。

注

3

更新组件属性

根据组件属性初始化

State

变量时，当父组件改变了这些属性，用户也许需要重

新初始化组件

State

。组件生命周期方法

componentWillRecieveProps ...