🧐[问题] ProTable: how to get currently displayed columns?

[duck9see]

提问前先看看：
https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

🧐 问题描述

in ProTable(exactly i'm use @ant-design/pro-table, version "2.56.3"),
I want to export only the currently displayed columns.
so how to get currently displayed columns?
Can not use columnsState.onChange() because get the value immediately when component mounted.

💻 示例代码

none

🚑 其他信息

[duck9see]

Is there a solution?

[yjhtry]

Is there a solution?

If you have persistent storage of the state of columns, you can do this

const getShowingTableColumns = (key: string, columns: ProColumns[]) => {
  const stateString = window.localStorage.getItem(key);
  if (!stateString) return columns;

  try {
    const state = JSON.parse(stateString);
    return columns.filter(
      ({ key, dataIndex }) => state[key || dataIndex]?.show !== false
    );
  } catch (error) {}

  return columns;
};