SilenceErrors Class — react Architecture

Source Code

fixtures/dom/src/components/fixtures/error-handling/index.js lines 104–154

class SilenceErrors extends React.Component {
  state = {
    silenceErrors: false,
  };
  componentDidMount() {
    if (this.state.silenceErrors) {
      window.addEventListener('error', silenceWindowError);
    }
  }
  componentDidUpdate(prevProps, prevState) {
    if (!prevState.silenceErrors && this.state.silenceErrors) {
      window.addEventListener('error', silenceWindowError);
    } else if (prevState.silenceErrors && !this.state.silenceErrors) {
      window.removeEventListener('error', silenceWindowError);
    }
  }
  componentWillUnmount() {
    if (this.state.silenceErrors) {
      window.removeEventListener('error', silenceWindowError);
    }
  }
  render() {
    return (
      <div>
        <label>
          <input
            type="checkbox"
            value={this.state.silenceErrors}
            onChange={() =>
              this.setState(state => ({
                silenceErrors: !state.silenceErrors,
              }))
            }
          />
          Silence errors
        </label>
        {this.state.silenceErrors && (
          <div>
            {this.props.children}
            <br />
            <hr />
            <b style={{color: 'red'}}>
              Don't forget to uncheck "Silence errors" when you're done with
              this test!
            </b>
          </div>
        )}
      </div>
    );
  }
}