React 进阶面试题, React 的 setState 的第二个参数作用是什么?

Step 1

Q:: React 的 setState 的第二个参数作用是什么？

A:: React 的 setState 方法的第二个参数是一个回调函数，它会在 setState 完成并且组件重新渲染后执行。这个回调函数通常用来在状态更新完成后执行一些依赖于新状态的逻辑，或是触发其他副作用。这种方式可以确保代码在组件的最新状态已经被应用时才会运行，避免因异步性导致的状态不一致问题。

Step 2

Q:: 为什么 React 的 setState 是异步的？

A:: React 的 setState 是异步的，因为它在更新状态时会进行批处理操作，以提高性能。通过批处理，React 可以在一次渲染周期内合并多个 setState 调用，减少不必要的渲染，从而提升应用的性能。异步的特性还可以避免过多的重新渲染，确保用户界面保持流畅。

Step 3

Q:: React 中的 setState 有哪些最佳实践？

A:: React 中的 setState 最佳实践包括：1. 避免直接修改状态，而是使用 setState 进行更新；2. 使用函数式 setState（即基于前一个状态的更新）来确保状态更新的正确性，特别是在需要依赖当前状态时；3. 谨慎使用 setState 的回调函数，确保回调中的逻辑不会影响应用性能；4. 对于需要多次调用 setState 的场景，尽可能合并这些调用以减少渲染次数。