1.0.0 • Published 8 years ago
react-try-catch-render v1.0.0
react-try-catch-render
Utility which wraps your react components render method and renders an ErrorHandler component in place of the faulty one. It is inspired by Dan Abramov's react-transform-catch-errors
Installation
npm install --save-dev react-try-catch-render
Usage
import wrapWithTryCatch from 'react-try-catch-render'
class MyErrorHandler extends React.Component {
render(){
return (
<div className="terrible-error">{this.props.error}</div>
);
}
}
class MyComponent extends React.Component {
render(){
throw new Error('Something went terribly worng inside this render');
return <div>Hello</div>;
}
}
export default wrapWithTryCatch(React, MyErrorHandler, {error: "Some custom error message!"})(MyComponent);
or if you are into ES7 - by using babel-plugin-transform-decorators:
import wrapWithTryCatch from 'react-try-catch-render'
class MyErrorHandler extends React.Component {
render(){
return (
<div className="terrible-error">{this.props.error}<div>
);
}
}
@wrapWithTryCatch(React, MyErrorHandler, {error: "Some custom error message!"})
export default class MyComponent extends React.Component {
render(){
throw new Error('Something went terribly worng inside this render');
return <div>Hello</div>;
}
}
License
MIT