1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-componentdidcatch/pages/index.js

31 lines
605 B
JavaScript
Raw Normal View History

import React, { Component } from 'react'
class BuggyCounter extends Component {
state = {
counter: 0
}
handleClick = () => {
this.setState(({ counter }) => ({
counter: counter + 1
}))
}
render () {
if (this.state.counter === 5) {
// Simulate a JS error
throw new Error('I crashed!')
}
return <h1 onClick={this.handleClick}>{this.state.counter}</h1>
}
2018-04-23 21:22:36 +00:00
}
export default () => (
<div>
<p>Click on the number to increase the counter.</p>
<p>The counter is programmed to throw an error when it reaches 5.</p>
<BuggyCounter />
</div>
)