【避坑指“难”】actionRef.current.reload()不生效

actionRef:Table action 的引用,便于自定义触发
MutableRefObject<ActionType>

什么时候会用到?

ActionRef 手动触发:有时我们要手动触发 table 的 reload 等操作,可以使用 actionRef。

interface ActionType {
  reload: (resetPageIndex?: boolean) => void;
  reloadAndRest: () => void;
  reset: () => void;
  clearSelected?: () => void;
  startEditable: (rowKey: Key) => boolean;
  cancelEditable: (rowKey: Key) => boolean;
}

const ref = useRef<ActionType>();

<ProTable actionRef={ref} />;
  • ref.current.reload():刷新
  • ref.current.reloadAndRest():刷新并清空,页码也会重置,不包括表单
  • ref.current.reset(): 重置到默认值,包括表单
  • ref.current.clearSelected():清空选中项
  • ref.current.startEditable(rowKey):开始编辑
  • ref.current.cancelEditable(rowKey):结束编辑

问题重现

在useEffect中获取的接口数据,没有通过配置ProTable的request,导致无法出发页面刷新等操作,解决的办法就是配置将useEffect里的操场挪到ProTable的request中去。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

椰卤工程师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值