react toast

React Toast 是一个常用的轻量级通知组件，用于在页面上显示临时的提示信息。它通常用于显示成功、错误、警告或其他类型的通知消息。

React Toast 可以通过安装第三方库来实现，比如 react-toastify。你可以使用 npm 或者 yarn 来安装它：

npm install react-toastify

或者

yarn add react-toastify

安装完成后，你可以在你的 React 组件中导入并使用 Toast 组件。下面是一个简单的示例：

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

function App() {
  const notify = () => {
    toast("Hello World!");
  };

  return (
    <div>
      <button onClick={notify}>Show Toast</button>
      <ToastContainer />
    </div>
  );
}

export default App;

这个示例中，我们导入了 ToastContainer 和 toast 组件，并创建了一个按钮用于触发显示 Toast。当用户点击按钮时，会弹出一个包含 "Hello World!" 文字的 Toast。

React Toast 的使用方法丰富多样，你可以根据自己的需求来配置显示位置、样式、持续时间等。你可以参考 react-toastify 的文档来了解更多用法和配置选项。