首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用react中的函数显示通知/模式

使用react中的函数显示通知/模式
EN

Stack Overflow用户
提问于 2020-09-22 20:19:03
回答 1查看 283关注 0票数 0

我使用组件ModalNotification来显示模式和通知。我目前使用的方法是在我的顶级组件,即App.js中呈现例如Notification组件。每当我需要显示通知或确认对话框时,我会从任何更新redux状态的组件中分派操作,并显示通知。

我想实现的是通过调用一个函数来显示我的通知或模式,就像在NotificationmessageModal中一样。

我想实现像在antd中实现的功能,这样我的通知/模式就可以这样显示了:

代码语言:javascript
运行
复制
notification.error('My message')
modal.confirm({content: 'xyz'})

请指导我如何渲染组件以按功能显示通知或模式。

EN

回答 1

Stack Overflow用户

发布于 2020-09-22 20:39:04

你可以在这个场景中使用redux。我像这样实现了

reducer dispatch( {type : "SHOW_MODAL" , "Some Title"})

  • maintain {( modalState : randomValue())}

  • Create a Modal

  • 中的一个变量会监听store

  • whenever的modalState变量,值的变化会显示你的模态和本地状态

  • 现在如果你需要显示模态只需发送一个新的动作
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64009589

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档