React.FC 外部调用 ProTable 查询内容

React.FC 如何外部调用 ProTable 的查询内容

要外部调用 ProTable 的查询，你可以按照以下步骤进行操作：

在父组件中引入 ProTable 组件，并将其作为子组件的一部分。

import ProTable from '@ant-design/pro-table';

const ParentComponent = () => {
  const actionRef = useRef();

  // 外部调用查询方法
  const handleQuery = () => {
    actionRef.current.reload();
  };

  return (
    <div>
      <button onClick={handleQuery}>查询</button>
      <ProTable
        actionRef={actionRef}
        // 其他属性
      />
    </div>
  );
};

在 ProTable 组件中，使用 actionRef 属性将 actionRef 传递给 ProTable 组件。

const ProTableComponent = ({ actionRef }) => {
  // 查询方法
  const handleQuery = async () => {
    // 执行查询逻辑
  };

  return (
    <ProTable
      actionRef={actionRef}
      // 其他属性
      request={handleQuery}
    />
  );
};

这样，当你在父组件中点击'查询'按钮时，就会调用 ProTable 组件中的查询方法，完成外部调用。