npm.io
0.1.1 • Published 4 years ago

@kne/react-error-boundary

Licence
ISC
Version
0.1.1
Deps
1
Size
40 kB
Vulns
0
Weekly
0
Stars
1
SummaryDependencyVersions

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:

Keywords

reactformvalidate