如何使用React显示全局错误消息？

import React, { useState } from 'react';

const GlobalErrorMessage = () => {
  const [errorMessage, setErrorMessage] = useState('');

  return (
    <div>
      {errorMessage && <p>{errorMessage}</p>}
    </div>
  );
};

export default GlobalErrorMessage;

import React from 'react';
import GlobalErrorMessage from './GlobalErrorMessage';

const App = () => {
  return (
    <div>
      <GlobalErrorMessage />
      {/* 其他应用程序内容 */}
    </div>
  );
};

export default App;

import React, { useState } from 'react';

const ExampleComponent = () => {
  const [errorMessage, setErrorMessage] = useState('');

  const handleButtonClick = () => {
    // 模拟发生错误
    try {
      // 执行可能引发错误的操作
    } catch (error) {
      setErrorMessage('发生了一个错误！');
    }
  };

  return (
    <div>
      <button onClick={handleButtonClick}>触发错误</button>
    </div>
  );
};

export default ExampleComponent;