react三大属性： state（内部状态）、props（外部属性）、refs（表示组件内某个元素）
- state是组件对象最重要的属性, 值是对象(可以包含多个key-value的组合)
- 组件被称为"状态机", 通过更新组件的state来更新对应的页面显示(重新渲染组件)
一、注意：
- 组件中render方法中的this为组件实例对象
- 组件自定义的方法中this为undefined，如何解决？
a) 强制绑定this: 通过函数对象的bind()
b) 箭头函数
- 状态数据，不能直接修改或更新
二、setState的两种形式：
1、函数形式的setState
2、对象形式的setState
总结:
1.对象式的setState是函数式的setState的简写方式(语法糖)
2.使用原则：
(1).如果新状态不依赖于原状态 ===> 使用对象方式
(2).如果新状态依赖于原状态 ===> 使用函数方式
(3).如果需要在setState()执行后获取最新的状态数据, 要在第二个callback函数中读取
三、使用过setState之后能否立即获取状态更新后的值（否），如何立即获取到？
如何立即获得？
四、使用setState()来更新状态时是异步还是同步？（页面同步更新，但是直接console.log打印是未更新的）
判断setState()更新状态时异步还是同步的，主要是看执行setState的位置
- 在React控制的回调函数中（生命周期钩子，react事件监听回调）这种情况是异步的。
- 在非react控制的异步回调函数中（定时器回调/原生事件监听回调/promise回调）这种情况是同步的。
五、异步举例
- 在React事件回调函数中使用setState(异步的)
- 在生命周期钩子函数中使用setState(异步的)
六、同步举例
- setTimeout
- 原生onclick
- Promise
七、经典面试题
一道关于setState的经典面试题 - CodeSandbox
答案解析（按输出顺序进行解析）：
第1个输出： react首先会渲染下组件，此时获取到的count值是state中存的初始值，所以是0.
第2、3输出：执行完render之后，会进入componentDidMount钩子函数，遇到两个对象式的setState会进行合并，但由于此时在钩子函数中，获取state是异步的，所以打印的都是0，但是当遇到函数式的setState，则不会合并，此时count的值已经变为了3.
第4输出：此时componentDidMount中出了Promise和setTimeout外都执行了，上面的代码对JS来说都属于同步代码，此时可以进行更新render了，所以打印了render 3.
第5输出：setTimeout和Promise中，由于Promise是微任务，所以优先执行，在执行的时候，这里的setState是同步更新state的，所以调用一次setState就要调用一次render,所以第五行打印的是render: 4.
第6输出：执行log操作，打印的是Promise: 4.
- 每个组件对象都会有props(properties的简写)属性
- 组件标签的所有属性都保存在props中
作用：
- 通过标签属性从组件外向组件内传递变化的数据
- 注意: 组件内部不要修改props数据
编码操作:
组件内的标签可以定义ref属性来标识自己
编码操作：
参考：React中的setState更新state是同步还是异步的？_Always-Learning-CSDN博客
到此这篇react组件三大属性（react组件必不可少的函数）的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章，希望大家都能在编程的领域有一番成就！版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/yd-react-native/47985.html