react 全局notification怎么写

在 React 中实现全局通知可以使用第三方库，比如 react-toastify。以下是一个简单的示例：

1. 首先，安装 react-toastify：

npm install react-toastify

2. 在你的组件中引入 react-toastify：

import { ToastContainer, toast } from 'react-toastify';
import 'react-toastify/dist/ReactToastify.css';

3. 在你的组件中，使用 `ToastContainer` 组件来展示通知，并且在需要的地方调用 `toast` 函数来触发通知：

// 在组件的 JSX 中添加 ToastContainer
<ToastContainer />

// 在需要触发通知的地方调用 toast 函数
toast('这是一条全局通知');

4. 如果需要自定义通知的样式，可以通过设置 `toast` 函数的第二个参数来实现：

toast('这是一条自定义样式的通知', {
  position: toast.POSITION.TOP_RIGHT,
  className: 'custom-toast',
});

5. 在 CSS 文件中定义自定义样式：

.custom-toast {
  background-color: #ff0000;
  color: #ffffff;
}

这样就可以在 React 中实现全局通知了。你可以根据自己的需求进一步定制通知的样式和行为。