如何在 react-table 的单行中添加图像和文本？

Question

我想将每个图像和文本并排放在一个带有反应表的列中。 我可以在一个列中并排添加两个文本，如下所示：

 Header: "Name",
    id: "User",
    accessor: (d) => `${d.user} ${d.wallet}`,

但是并排添加图片和文字是我无法做到的。 这是我尝试过的，但我对这两个数据都没有定义。

  {
    Header: "Name",
    id: "User",
    accessor: (d) => `${d.img} ${d.name}`,
    Cell: ({ row }) =>
      `<div> ${(<Image src={row[1].values.img} className="rounded-full" alt="user" height={40} width={40} />)} 
      <div>${row[2].values.name}</div>
      </div>`,
  },

请问如何在单列中并排添加图像和文本

Answer 1

我最终这样做了，它有效。

  {
    Header: "User",
    id: "User",
    accessor: (d) => (
      <div className="inline-flex  space-x-4 ">
        <Image src={d.img} alt="user" className="rounded-full" height={50} width={50} />{" "}
        <p className="inline-flex mt-4 ">{d.name}</p>
      </div>
    ),
  },