blob: 3d749740119a694662f04aa493a2c2198d63ced1 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
import * as React from 'react';
import Button from '@material-ui/core/Button';
class BuggyCounter extends React.Component<{}, {counter:number}> {
constructor(props: {}) {
super(props);
this.state = { counter: 0 };
this.handleClick = this.handleClick.bind(this);
}
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>;
}
}
export const Home = (props: React.Props<any>) => {
return (
<div>
<h1>Welcome to ODLUX.</h1>
<Button variant="contained" color="secondary" onClick={ () => { throw new Error("This is an error") } }>
Throw an Error1
</Button>
<BuggyCounter />
</div>
)
}
export default Home;
|