1.0.0 • Published 4 years ago

@feizheng/react-error-boundary v1.0.0

Weekly downloads
2
License
MIT
Repository
github
Last release
4 years ago

react-error-boundary

ErrorBoundary component for react.

installation

npm install -S @feizheng/react-error-boundary

properties

propertytypedefaultdescription
classNameString-The extended classname
errorFunction-Error component replacer
onChangeFunction-When error caught

usage

  1. import css

    @import "~@feizheng/react-error-boundary/dist/style.scss";
    
    // customize your styles:
    $react-error-boundary-options: ()
  2. import js

    import ReactErrorBoundary from '../src/main';
    import ReactDOM from 'react-dom';
    import React from 'react';
    import BuggyComponent from './buggy-component';
    import BuggyButton from './buggy-button';
    import './assets/style.scss';

class App extends React.Component { onChange = inEvent => { console.log('error', inEvent); };

render() {
  return (
    <div className="app-container">
      <ReactErrorBoundary onChange={this.onChange}>
        <BuggyComponent />
        <BuggyButton />
      </ReactErrorBoundary>
    </div>
  );
}

}

ReactDOM.render(, document.getElementById('app'));

## documentation
- https://afeiship.github.io/react-error-boundary/

## resources
- http://react.html.cn/docs/error-boundaries.html
- https://codepen.io/gaearon/pen/wqvxGa?editors=0010
- https://juejin.im/post/5c00fc505188251d09201054