设为首页
收藏本站
开启辅助访问
全部
问与答
创意
技术
酷工作
生活
交易
资源
节点
飞墙
Follow
明白贴
影视
报酬
登录
注册
飞社-令人惊奇的创意工作者社区-
›
首页
›
React
›
react 怎么给每个组件都加上刷新按钮?感觉这种需求很难 ...
FSHEX=FIND+SHARE+EXPRESS
飞社-令人惊奇的创意工作者社区- 是一个关于发现分享表达的地方
现在登录
没有账号?
立即注册
推荐主题
›
现在经济这么差的么
›
EcoPaste - 免费开源剪贴板神器,斩获 2.4k
›
大家怎么看待 cg 这件事情
›
是去是留?
›
观贴《各位对小区野猫什么态度》有感
今日热议主题
出华为 mate60Pro+
上海联通现在有什么办理大流量的渠道或套餐
20241128 午夜俱乐部
听说 OLED 显示器显示文本有彩边,在 macOS
两行代码自动检测、安装和引用多个 Python
黑五买什么?
年底了,深圳小伙伴出显示器吗?自提
WeClipper - 极简剪切板助手 - v0.2.0 - 极
发现一个 SUNO 音乐 API 无水印版本!支持
反 Microsoft Edge 浏览器联盟成立了 🤣🤣
显示全部
|
最新评论
20 条回复
·
318 次点击
11#
veveue
小成
2024-5-14 13:16:47
这就要看 modal 获取数据的逻辑怎么写的了
12#
cydian
小成
2024-5-14 13:45:59
swr
13#
ColdBird
小成
2024-5-14 14:04:29
整个组件包一下不就得了,按你说的只对 modal 做操作那不是简单的很,不至于上升到对全部 Antd 组件的处理。
* 方案 1:props 里只传 data ,这样内部不关心 data 的变更,外层 refresh 之后自己请求数据,内层更新 UI
* 方案 2:props 里传 onLoad 作为加载回调、payload 作为触发器,监听 payload 的变化调用 onLoad 请求数据,再这个基础上抽象一下,不难实现
14#
kinghly
初学
2024-5-14 14:22:36
最简单就是关闭时销毁 modal
15#
vanchKong
小成
2024-5-14 14:36:28
写个组件,传入刷新方法就行了呗
16#
Mexion
小成
2024-5-14 14:38:30
Modal 的内容不是你自己传进去的吗,你自己搞个有刷新按钮的高阶组件,需要刷新的组件套进去就行了
17#
gaoxiu
小成
2024-5-14 14:43:07
@790002517zzy #20 意思是 只需要刷新 Modal 内的组件?那么这个组件的数据是自治的吧?是的话就挺简单的:
1. 用 Modal 的 closeIcon 重新定义关闭图标,借用这个 api 添加一个刷新按钮(记得阻止刷新按钮的冒泡事件)
2. 需要刷新的子组件添加 key 属性,每次刷新的时候更新这个 key
18#
theohateonion
初学
2024-5-14 15:00:30
噢,你不想改每个子组件但是又想给所有用了 modal 的组件加上刷新功能。26 楼的方法可行,刷 key 就可以了。
能解决问题,但是也是给自己埋坑。万一哪个组件又不想自动刷新了呢。。
最好的办法还是重新封装一个 modal 组件,是否需要刷新这个标志由 modal 传入子组件,子组件自己决定刷不刷。
19#
DesnLee
小成
2024-5-14 15:04:03
给要刷新的组件树最顶层的组件一个 key ,改变这个 key 组件内部就会重新渲染
20#
withoutxx
小成
2024-5-14 15:12:12
试了下骚操作,不要在真实项目这么玩,Modal.useXXX 应该都会失效
https://stackblitz.com/edit/react-f4out2
https://i.imgur.com/re1nwlH.png
https://i.imgur.com/ovddY5G.png
下一页 »
1
2
3
/ 3 页
下一页
返回顶部