react中showToast

在React中，可以使用第三方库react-toastify来实现Toast的功能。具体步骤如下：

1. 安装react-toastify库

npm install react-toastify

2. 在需要使用Toast的组件中引入ToastContainer和toast

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

3. 在组件中使用ToastContainer作为容器，并在需要的地方调用toast方法

const MyComponent = () => {
  const handleClick = () => {
    toast.success('操作成功！', {
      position: toast.POSITION.TOP_CENTER
    });
  };

  return (
    <div>
      <button onClick={handleClick}>点击弹出Toast</button>
      <ToastContainer />
    </div>
  );
};

4. 可以通过配置选项来自定义Toast的样式和位置等属性，具体可以参考官方文档：https://fkhadra.github.io/react-toastify/introduction/