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中去。