ant design表格render函数中text和record参数的区别?

发布于 2022-09-12 13:02:57 字数 209 浏览 11 评论 0

函数说明
renderfunction(text, record, index)生成复杂数据的渲染函数,参数分别为当前行的值,当前行数据,行索引,

text和record分别是什么?为什么我打印出来的结果一样?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

情感失落者 2022-09-19 13:02:57

给你举个例子:

import React from "react";
import ReactDOM from "react-dom";
import "antd/dist/antd.css";
import "./index.css";
import { Table } from "antd";
const columns = [
  {
    title: "Name",
    dataIndex: "name",
    render: (text, row, index) => {
      console.log(text, row);
      if (index < 4) {
        return <a>{text}</a>;
      }
      return {
        children: <a>{text}</a>,
        props: {
          colSpan: 5
        }
      };
    }
  },
];

const data = [
  {
    key: "1",
    name: "John Brown",
    age: 32,
    tel: "0571-22098909",
    phone: 18889898989,
    address: "New York No. 1 Lake Park"
  }
];

ReactDOM.render(
  <Table columns={columns} dataSource={data} bordered />,
  document.getElementById("container")
);

上面代码中对应的text为John Brown;而 record为{key: "1",name: "John Brown",age: 32,tel: "0571-22098909",phone: 18889898989,address: "New York No. 1 Lake Park"}

如果你说两个一样,就得看你的代码是怎么写的了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文