react-error-boundary

用于捕捉react组件错误

npm i @kne/react-error-boundary

使用示例

import ErrorBoundary from '@kne/react-error-boundary';

const ErrorComponent = ({error})=>{
  console.error(error);
  return <div>组件发生错误</div>
}

const SomeComponent = ()=>{
  return <ErrorBoundary errorComponent={ErrorComponent}>
    <SomeComponent />
  </ErrorBoundary> 
};

const SomeComponent2 = ()=>{
  return <ErrorBoundary errorRender={(error)=>{
    console.error(error);
    return <div>组件发生错误</div>
  }}>
    <SomeComponent />
  </ErrorBoundary> 
};

API

属性名	说明	类型	默认值
errorComponent	当子组件发生错误的时候渲染该组件，并传入属性error	Component	-
errorRender	当子组件发生错误的时候执行该方法，并传入参数error，需要返回jsx，注意:当errorComponent存在时该方法会被忽略	func	-
onError	当子组件发生错误的时候执行该方法	func	-

Change Log: