react-trycatch

Implement React v16 ErrorBoundary with HOC pattern

Installation

npm install --save react-trycatch

Usage

1. Default Usage

import React from 'react';
import TryCatch from 'react-trycatch';
 
class MyComponent extends React.Component {
 
    render() {
        throw new Error('Error!!!');
        return (
            <div>MyComponent</div>
        );
    }
}
 
export default TryCatch()(MyComponent);

2. With Options

import React from 'react';
import TryCatch from 'react-trycatch';
 
class MyComponent extends React.Component {
 
    render() {
        throw new Error('Error!!!');
        return (
            <div>MyComponent</div>
        );
    }
}
 
export default TryCatch({
    replacement: (<div>Replacement on error</div>),
    onError: (error, info) => {
        // catch
    }
})(MyComponent);