我们如何显示错误符号(如'!')？如果ReactJS中出现错误？

import React, { Component } from 'react';

class ErrorBoundary extends Component {
  constructor(props) {
    super(props);
    this.state = { hasError: false };
  }

  static getDerivedStateFromError(error) {
    // 更新 state 以显示错误界面
    return { hasError: true };
  }

  componentDidCatch(error, errorInfo) {
    // 可以将错误日志上报给服务器
    console.error(error, errorInfo);
  }

  render() {
    if (this.state.hasError) {
      // 自定义错误界面，可以显示感叹号
      return <h1>发生错误！</h1>;
    }
    // 正常渲染子组件
    return this.props.children;
  }
}

import React, { Component } from 'react';
import ErrorBoundary from './ErrorBoundary';
import MyComponent from './MyComponent';

class App extends Component {
  render() {
    return (
      <div>
        <h1>我的应用</h1>
        <ErrorBoundary>
          <MyComponent />
        </ErrorBoundary>
      </div>
    );
  }
}

export default App;