react面试题

无状态组件 只作展示，独立运作，不增加额外功能的组件。也称为哑组件或者展示组件。 无状态组件受制于外部的props控制，具有极强的通用性，复用率很高。 常见的有：样式组件，布局组件 状态组件 处理业务

类组件有生命周期，函数组件没有。 类组件需要继承于class,函数组件不用。 类组件有this,函数组件没有。 类组件有状态管理this.state,函数组件没有，函数组件如果要使用状态管理使用hoo

优点 代码可读性更强。原本同一块功能的代码逻辑被拆分在了不同的生命周期函数中，容易使开发者不利于维护和迭代，通过 React Hooks 可以将功能代码聚合，方便阅读维护。例如，每个生命周期中常常会包

16.3以及之前的旧的生命周期 16.4以及之后的生命周期 react16.4后使用了新的生命周期，使用getDerivedStateFromProps代替了旧的componentWillReceiv

react和redux没有直接联系，当react需要结合redux使用的时候，需要引入 react-redux ，该插件提供了connet等方法使得react可以注入redux属性。 redux修改

使用component存在的问题 父组件的state，props发生改变引起重新渲染的时候，子组件无论state，props有没有发生改变都会跟着进行重新渲染。形成了许多没必要的render,造成了性

state发生变化，props发生变化，强制更新this.forceUpdate()。 只要使用setState就会触发重新渲染（re-render），即使setState返回一样的引用。下方代码块，

合成事件SyntheticEvent采用了事件池，合成事件会被放进事件池中统一管理，这样能够减少内存开销。React通过合成事件，模拟捕获和冒泡阶段，从而达到不同浏览器兼容的目的。 react并不是将

答：有时候是同步的，有时候是异步的 setState只在合成事件和钩子函数中是异步的，而在原生事件和setTimeout中是同步的。 setState是异步的并不是说是由异步代码实现的，其实本身执行的

最重要的区别是：调用的时机不同。useLayoutEffects(是同步的)是在组件render或者更新后立即执行，会阻塞页面渲染。useEffect(是异步的)是在页面渲染完成之后才执行。 使用us

useCallback和useMemo都是性能优化的手段，类似于类组件中的 shouldComponentUpdate，在子组件中使用 shouldComponentUpdate， 判定该组件的 pr