React Ant表定制的列计算.如何获取每行中其他项目的长度 [英] React Ant table customized column calculation. How to get the length of other items in each row

问题描述

我制作了一个应用程序，其中我为每个帖子输出问题的长度，但是我得到的每个帖子的结果等于:310.

I made an application where I output the length of the questions for each post, but I get the result for each post equal with: 310.

可能是由于渲染过多而发生的.
如何解决这个问题并获得每个帖子的实际长度?

Probably it happens because of too many renders.
How to solve this and get the real length of the questions for each post?

链接到我的应用程序: https://codesandbox.io/s/basic-usage-ant-design-demo-4tl5h

link to my app: https://codesandbox.io/s/basic-usage-ant-design-demo-4tl5h

推荐答案

修正错误的数字:请勿推送，而应使用 render 的回调事件

Fix the incorrect number: do not push, use callback event of render instead

蚂蚁表API:表列

const App = () => {
  const res = [
    ...Object.keys(posts[0]).map(i => {
      return {
        title: i,
        dataIndex: i,
        key: i
      };
    }),
    {
      title: "Questions",
      key: "Questions",
      render: e => {
        console.log(e); // Object {title: 1, id: "123"}
        return (
          <Router>
            <Link to={`demo/${e.id}/url`}>
              {questions.filter(q => q.id_post.toString() === e.id).length}
            </Link>
          </Router>
        );
      }
    }
  ];
  return <Table columns={res} dataSource={posts} />;
};

这篇关于React Ant表定制的列计算.如何获取每行中其他项目的长度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！