reactjs - React-tables 如何获取表列名？

Question

我创建了一个反应表，我正在使用 onclick，但我正在尝试访问标题名称。

getTdProps={(state, rowInfo, column, instance) => {
  return {
   onClick: (e, handleOriginal) => {
     console.log("It was in this column:", column);
     console.log("It was in this row:", rowInfo);

     if (handleOriginal) {
       handleOriginal();
     }
    }
  };
}}

列日志返回未定义，并且在 rowInfo 中我找不到列标题的名称。还有其他方法可以解决这个问题吗？

编辑：我想出了如何通过将 getTrProps 更改为 getTdProps 来访问标题名称，但唯一的是我每列的标题是一个函数。当我拿走这个功能并做

Header: "Name"

它有效，但我有

Header: () => {
 //code in here
}

如果它在函数内部，我将如何访问它？

谢谢大家的时间和考虑。

Answer 1

您可以通过以下方式访问Headerwith 函数：

if(typeof column.Header === "function"){
  console.log(column.Header())
}

您将在 下查看详细信息column.Header().props。