我需要根据收到的类型在react中显示吐司，但它不会在react中显示

在React中显示吐司（Toast）通常是通过使用第三方库来实现的。吐司是一种轻量级的用户界面提示，用于向用户显示短暂的通知或反馈信息。

在React中，常用的吐司库有react-toastify和react-toast-notifications。这些库提供了简单易用的API，可以方便地在React应用中显示吐司。

要根据收到的类型在React中显示吐司，可以按照以下步骤进行操作：

1. 安装吐司库：使用npm或yarn安装所选的吐司库。例如，使用react-toastify库可以运行以下命令：

npm install react-toastify

1. 导入所需的组件：在需要显示吐司的组件中，导入所需的吐司组件。例如，使用react-toastify库，可以导入ToastContainer和toast组件：

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

1. 在组件中显示吐司：根据收到的类型，在适当的位置使用toast组件来显示吐司。例如，根据类型显示不同的吐司消息：

if (receivedType === 'success') {
  toast.success('操作成功！');
} else if (receivedType === 'error') {
  toast.error('操作失败！');
} else {
  toast('其他消息');
}

1. 渲染吐司容器：在组件的render方法中，渲染ToastContainer组件，以便吐司能够正确显示在界面上：

render() {
  return (
    <div>
      {/* 其他组件内容 */}
      <ToastContainer />
    </div>
  );
}

以上步骤完成后，根据收到的类型，在React中就能够显示相应的吐司消息了。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

• 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种应用场景。详情请参考腾讯云云服务器。
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于存储和处理各种类型的数据。详情请参考腾讯云对象存储。

请注意，以上答案仅供参考，具体的实现方式和推荐产品可能因实际需求和情况而有所不同。