Javascript 根据渲染外部的条件调用Resact to Stify

我试图在react中创建一个通知系统，在这里我使用

react toastify

系统

到目前为止，我有一个套接字连接（带有

socket.io

）连接到我的服务器，每当出现通知时，它都会向客户端发送响应

const{endpoint}=this.state
const socket=socketIOClient（端点）；
console.log（“已创建”）
socket.on（'updatelogs'，data=>
this.setState（{logs:data}，
（）=>createNotification（data.pop（）.log.level，data.pop（）.log.message））//这里我使用回调创建通知
}

我有一个日志系统，在那里我获取最后添加到堆栈中的

log

，并根据其中的属性传递它

在我的

createNotification

函数中，我有一些类似这样的伪逻辑

export const createNotification=（级别，消息）=>{
开关（电平）{
案例“信息”：
返回土司（'info'）
成功案例：
回敬祝酒词（“成功”）；
“警告”一案：
退回烤面包（“警告”）；
案例“错误”：
返回toast（“错误”）；
}
}

在这里，我想根据传入的内容调用

toast

，但没有任何结果。我尝试了一个简单的

警报

，效果很好

这是我的祝酒配置

内部

App.js

：

render（）{
toast.configure（）；
返回(

尝试渲染背景色为红色、宽度为200px的div而不是toast