React ~ 小结
2024-09-08 03:29:24
React 小结
state 与 props
react 里，只需更新组件的state，然后根据新的state重新渲染用户界面，不需要操作dom。
添加类的构造函数来初始化状态this.state，类组件应始终使用Props调用基础构造函数。
state 和 props 主要区别在于 props 是不变的，而 state 可以根据用户交互来改变。
与运算符 &&
可以通过花括号包裹代码在JSX中潜入任何表达式，也包括 JavaScript 的逻辑与 &&， 它可以方便的条件渲染一个元素。
- 需要在数组的上下文中指定元素key，不然会出现警告；
生命周期
- componentWillMount 渲染前调用
- componentDidMount 第一次渲染后调用
- componentWillReceiveProps 罪案接收一个新的prop时调用，这个方法在初始化render时不会被调用
- shouldComponentUpdate 在组件接收新的props或state时调用，在初始化时或使用farceUpdate时不被调用。
- componentWillUpdate 在组件接收到新的props或state但还没有render时被调用，在初始化时不被调用。
- componentDidUpdate 在组件完成更新后立即调用，初始化时不被调用
- componentWillUnmount 组件从DOM中移除之前立即被调用
Refs
react支持一个非常特殊的属性Ref，可以用来绑定render()输出的任何组件上。
最新文章
- iOS开发 引用第三方库出现duplicate symbol时的处理方法
- Linux 启动项介绍
- JQuery EasyUI Tree
- Java科普之加密算法
- [51NOD1393]0和1相等串（前缀和，map）
- Tika
- restrict和volatile的作用
- MOOTOOLS和JQUERY如何同时存在，解决冲突
- JavaScript绑定事件的方法[3种]
- [html5] 学习笔记-Canvas标签的使用
- 文件首行为空白行，为什么该行字符串长度为1(line.length()=1)
- IE6设置li的float:left，不能自适应宽的解决方法
- Servlet中的request与response
- 你还记得当初为什么进入IT行业吗？
- 为什么java实体类需要重写toString方法
- 清华集训2016Day4
- 【原创】Apache ab测试时出现：apr_socket_recv "connection reset by peer" 104
- N的阶乘末尾有多少个0
- Java 计算两个日期相差的天数
- CAD中如何裁剪需要的区域