问如何返回将在React Table中的组件内按编号排序的列？
EN

Stack Overflow用户

提问于 2020-10-02 19:34:05

回答 1查看 57关注 0票数 0

我正在使用React table库创建一个表，但我不知道如何格式化单元格的返回数字，以及如何按数字进行排序。当我返回一些不同的东西时，数字排序不再像预期的那样工作，它按字母顺序而不是数字顺序工作。

其中一列：

{
    Header: "Ocena",
    accessor: row => {
      const votes = row["usersVote"].reduce(
        (acc, r) => acc + (r.vote === "up" ? 1 : -1),
        0
      );

      return (
        votes > 0 && (
          <StyledVote color="rgb(48, 131, 115)">
            +{Number(votes)}
          </StyledVote>
        )
      );

      return votes;
    },

当我注释掉component的返回并只留下return: votes排序时，排序就可以正常工作了。如何返回一个组件，并按数字顺序进行完整的排序？

reactjs

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-10-29 17:05:34

好了，我找到答案了。

在数据移动到表之前调用访问器函数，在那个位置我们应该准备好数据是可排序的(在我的例子中，我需要数字)：

accessor: row => +row['usersVote']

稍后，当我们想要以其他方式呈现数据时，我们需要调用Cell函数

Cell: row => <NumberComponent row={row} />

并对这些数据做任何你想做的事情

来源：https://react-table.tanstack.com/docs/api/useTable#column-options

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/64170844

复制

相似问题

问如何返回将在React Table中的组件内按编号排序的列？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何返回将在React Table中的组件内按编号排序的列？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何返回将在React Table中的组件内按编号排序的列？
EN