mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
b1459bfd60
Changes: * moved the configuration from HOC to `_app.js` * fixed the example, as `componentDidCatch` catches errors during rendering phase, but not within event handlers.
27 lines
474 B
JavaScript
27 lines
474 B
JavaScript
import React from 'react'
|
|
|
|
class Index extends React.Component {
|
|
state = {
|
|
raiseError: false
|
|
}
|
|
|
|
componentDidUpdate () {
|
|
if (this.state.raiseError) {
|
|
throw new Error('Houston, we have a problem')
|
|
}
|
|
}
|
|
|
|
raiseError = () => this.setState({ raiseError: true })
|
|
|
|
render () {
|
|
return (
|
|
<div>
|
|
<h2>Index page</h2>
|
|
<button onClick={this.raiseError}>Click to raise the error</button>
|
|
</div>
|
|
)
|
|
}
|
|
}
|
|
|
|
export default Index
|