设为首页
收藏本站
开启辅助访问
全部
问与答
创意
技术
酷工作
生活
交易
资源
节点
飞墙
Follow
明白贴
报酬
登录
注册
飞社-令人惊奇的创意工作者社区-
›
首页
›
React
›
react 怎么给每个组件都加上刷新按钮?感觉这种需求很难 ...
FSHEX=FIND+SHARE+EXPRESS
飞社-令人惊奇的创意工作者社区- 是一个关于发现分享表达的地方
现在登录
没有账号?
立即注册
推荐主题
›
国内 TOP 大厂快满 3 年了,想裸辞自由几个
›
失业的程序员们都在干啥?
›
你能接受女朋友不要彩礼,但是和你谈之前经
›
半夜扰民怎么办,已经严重影响休息了
›
F站怎么有这么多人以 PC 为荣?
今日热议主题
多多百亿补贴买的 mba,牛皮纸拆封了,怀疑
发布 app,软件大家都用的什么授权服务
根据照片生成视频或者根据语音生成一段语音
尝试用 Antigravity Vibe Coding 了一个在
为什么感觉 React 编写起来比 Vue 复杂很多
小米 MIMO 这个大模型模型接口有点抽象,竟
想问个社会问题
Android 语音转文字实时字幕--实战小语种日
继欧盟之后,日本也强迫苹果开放第三方市场
国内云服务器封端口问题
显示全部
|
最新评论
20 条回复
·
649 次点击
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 页
下一页
浏览过的版块
微软
程序员
二手交易
问与答
生活
返回顶部