监控 React

React 16之前的版本，仅需接入插件即可，无需额外配置。

对于React 16及其以后的版本，需要在src/index.js中进行额外配置：

  1. class ErrorBoundary extends React.Component {
  2.   constructor(props) {
  3.     super(props);
  4.     this.state = { hasError: false };
  5.   }
  7.   componentDidCatch(error, info) {
  8.     this.setState({ hasError: true });
  9.     // 将component中的报错发送到Fundebug
  10.     fundebug.notifyError(error, {
  11.       metaData: {
  12.         info: info
  13.       }
  14.     });
  15.   }
  17.   render() {
  18.     if (this.state.hasError) {
  19.       return null
  20.       // 也可以在出错的component处展示出错信息
  21.       // return <h1>出错了!</h1>;
  22.     }
  23.     return this.props.children;
  24.   }
  25. }
  27. ReactDOM.render( < ErrorBoundary > < App / > < /ErrorBoundary>, document.getElementById('root'));

Demo项目：fundebug-react-demo