React 16 error boundaries demo

amd-medium-error-boundaries.jsx

class Child extends Component {
    constructor(props) {
        super(props);

        this.state = {
            error: false
        };
        this.handleClick = this.handleClick.bind(this);
    }

    handleClick() {
        this.setState({ error: true });
    }
    
    render() {
        if (this.state.error) {
            throw new Error('I crashed!');
        }
        return <button onClick = { this.handleClick }>Error</button>;
    }
}

class Parent extends Component {
   constructor(props) {
        super(props);

        this.state = {
            errorInChild: false
        };
   }

    componentDidCatch() {
        this.setState({ errorInChild: true });
    }
    
    render() {
        return this.state.errorInChild ? 
        <div>Error</div> : <Child />;
    }
}