react笔记04(组件三大属性之三state属性,demo)

组件三大属性之三:state属性

        1)组件被称为“状态机”,通过更新组件的状态值来诚信对应的页面显示(重新渲染)

        2)初始化状态:

    constructor(props){

            super(props);

            this.state={

                stateProp1:value1,

                stateProp2:value2

            };

    }

        3)读取某个状态值

                this.state.state.statePropertyName

        4)更新状态------组件界面更新

                this.setState({

                        stateProp1:value1,

                        stateProp2:value2

                })

react笔记04(组件三大属性之三state属性,demo)_第1张图片

综合小实例1

react笔记04(组件三大属性之三state属性,demo)_第2张图片
react笔记04(组件三大属性之三state属性,demo)_第3张图片

综合小实例2

react笔记04(组件三大属性之三state属性,demo)_第4张图片

你可能感兴趣的:(react笔记04(组件三大属性之三state属性,demo))