React-Data-Table-component-Extension 库打印导出问题答案

【问题标题】：React-Data-Table-component-Extenstion Library Print Export issueReact-Data-Table-component-Extension 库打印导出问题
【发布时间】：2023-01-09 09:00:11
【问题描述】：

这个库中有一个问题，如果我使用这样的列，打印和导出按钮将不起作用，我得到这个错误：

未捕获的错误：选择器必须是 .分隔字符串，例如 (my.property)
const columns = [
  {
    name: "No.",
    cell: (a, i) => i + 1,
  },
  {
    name: "username",
    selector: row => row.username,
    sortable: true
  }]
但是当我像这样使用它时它可以工作但是我在控制台中遇到了很多错误：
react_devtools_backend.js:4026 警告：用户名是一个基于字符串的列选择器，从 v7 开始已被弃用，并将在 v8 中删除。相反，使用选择器功能，例如行 => 行[字段]...
 const columns = [
  {
    name: "No.",
    cell: (a, i) => i + 1,
  },
  {
    name: "username",
    selector: 'username',
    sortable: true
  }]
另一个问题是专栏不.当我尝试打印或导出时显示为 NaN，之前有人解决过这个问题吗？

【问题讨论】：

标签： reactjs react-data-table-component

【解决方案1】：

关于您显示的反应错误，我相信您应该为两者都使用一个选择器，并在下面执行类似的操作。我还了解到“单元格”方面用于更复杂的显示逻辑，例如涉及单元格内显示的另一个 React 组件。

简而言之，我认为您可以只使用“选择器”

干杯!

const columns = [
  {
    name: "No.",
    selector: (row,i) => i + 1
  },
  {
    name: "username",
    sortable: true,
    selector: (row, i) => row.username
  }
];

【讨论】：