ActionRef 手动触发

586 阅读1分钟

有时我们要手动触发 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);