reactjs - getDerivedStateFromError() 中会出现什么错误类型？

Question

根据TypeScript definition类型为 any，而相关方法 componentDidCatch()收到 Error 类型的错误。为什么会出现这种不一致？

Answer 1

Typescript 有一个全局 Error您可以使用的界面。

interface Error {
    stack?: string;
}

这样你就可以使用

static getDerivedStateFromError(error: Error) {
  // ...
}

componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
  // ...
}

GetDerivedStateFromError类型如下所示，我认为它的错误类型不应该是 any 类型，但也属于 Error 类型

type GetDerivedStateFromError<P, S> =
        /**
         * This lifecycle is invoked after an error has been thrown by a descendant component.
         * It receives the error that was thrown as a parameter and should return a value to update state.
         *
         * Note: its presence prevents any of the deprecated lifecycle methods from being invoked
         */
        (error: any) => Partial<S> | null;