函数组件是怎么重新渲染的？

来源：7-5 【路由架构】基础路由及页面导航

魔女小梦_0306

2022-08-17

类组件有初始化，重新赋值的时候this.setState. 重新渲染this.state. 函数组件怎么初始化，数据变化后怎么重新赋值？

写回答

1回答

阿莱克斯刘

2022-09-01

组件的数据的初始化发生构造方法中，也就是在组件加载（componentDidMount）之前。所以，有时候如果初始数据出错，有可能直接导致整个组件崩溃。重新赋值this.setState则在组件的任何一个非生命周期方法中都可以使用，当组件的state或者props发生变化则会触发react生命周期的改变，从而进行ui的重新渲染。不过，react会把多次this.setState合并在同一个生命周期中进行渲染，这样可以加速渲染效率，但同时也会造成this.setState变为异步操作的假象。

React18 系统精讲结合TS打造旅游电商平台

React18 精讲 + 结合 TS 实战 + 热门业务开发，获取必备技能

1993 学习 · 1015 问题

查看课程

相似问题

函数组件和类组件

回答 1

关于函数组件的WithTranslation

回答 1

为什么setState中可以传入一个匿名函数进行更新state？

回答 2

引用组件报错

回答 1

TypeError: Cannot read property 'touristRoutes' of undefined

回答 1

打开慕课网App查看更多内容