<code>'use client' // Error boundaries must be Client Components import { useEffect } from 'react' export default function Error({ error, reset, }: { error: Error & { digest?: string } reset: () => void }) { useEffect(() => { // Log the error to an error reporting service console.error(error) }, [error]) return ( <div> <h2>Something went wrong!</h2> <button onClick={ // Attempt to recover by trying to re-render the segment () => reset() } > Try again </button> </div> ) } </code>

Question

函数中的原因。为什么不只是在默认导出函数中直接具有

console.error()函数，因为它仍然被调用每个渲染呢？我注意到的唯一区别是，在运行开发服务器时，在useEffect()

函数中包装时，我的错误日志更少。

思想上，副作用应该写入内部效果回调。

console.log

是副作用，因为它更改了错误围栏组件之外的系统状态。