react-bootstrap-hoc-error
HOC to display errors related to a component. Shows stack trace details.
Installation
$ npm install --save react-bootstrap-hoc-error
Usage
With decorators
;; @Component { return <div> this </div> } <MyComponent> // <div></div><MyComponent error="An error"> // <div><ErrorComponent error="An error"></div>
Learn more about the default ErrorComponent
ErrorComponent
Changing the default errorHOC; <MyComponent error="An error"> // <div><span>An error</span></div>
ErrorComponent
in a specific Component
Using a custom @Component ... <MyComponent error="An error"> // <div><span>An error</span></div>
Using a custom error property name
@Component ... <MyComponent error="An error"> // <div></div><MyComponent myProp="An error"> // <div><ErrorComponent error="An error" /></div>
displayName
The displayName
of the extended component will be preserved unless the fullDisplayName
option is passed
@Component ... MyComponentdisplayName === 'MyComponent'; @Component ... MyComponentdisplayName === 'Error(MyComponent)';