0.1.1 • Published 2 years ago

@kne/react-error-boundary v0.1.1

Weekly downloads
3
License
ISC
Repository
github
Last release
2 years ago

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当子组件发生错误的时候渲染该组件,并传入属性errorComponent-
errorRender当子组件发生错误的时候执行该方法,并传入参数error,需要返回jsx,注意:当errorComponent存在时该方法会被忽略func-
onError当子组件发生错误的时候执行该方法func-

Change Log: