React学习之路(二)

状态就是组件描述某种显示情况的数据,由组件自己设置和更改,也就是所组件自己维护,目的就是为了在不同状态下使组件的显示不同

 

在组件中只能通过getInitialState的钩子函数来给组件挂载初始状态,在组件内部通过this.state获取

 

this.props和this.state是纯js对象,在vue中,$data属性是利用Object.defineProperty处理过的,更改$data的数据的时候会触发数据的getter和setter,但是React中没有做这样的处理,如果直接更改的话,React是无法得知的,所以需要使用特殊的更改状态的方法

 

setState(params)

 

在setState中传入一个对象,就会将组件的状态中键值对的部分更改,还可以传入一个函数,这个回调函数必须返回像上面方式一样的一个对象,函数可以接收prevState和props

 

实现下拉菜单的方式

 

1. 通过数据来控制元素的行内样式中display

<ul style={{display:isMenuShow?'block':'none'}}><li>国内新闻</li></ul> <ul className={isMenuShow?'show':'hide'}><li>国内新闻</li></ul>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpywwx.html