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

您可以使用以下功能访问Header：

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

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

React-tables如何获得表的列名？

1 个答案: