主页 / user-5087449

tenderporkk's questions

Martin Hope
tenderporkk
Asked: 2025-03-03 11:16:01 +0800 CST
  • 6

tracks我有一个类型的数组。我需要在HeroUI/NextUI 表中动态Track[]显示它们。该示例使用HeroUI 库中的函数 来动态检索每个单元格的值。但是，我需要访问的一些属性是嵌套的。有没有办法访问诸如 之类的属性？getKeyValuegetKeyValuealbum.name

// imports ...
// nextjs page component...

interface Album {
  name: String;
}

interface Track {
  name: String;
  album: Album;
}

const tableColumns = [
  { label: "Title", key: "name" },
  { label: "Album", key: "album.name" },
];

const [tracks, setTracks] = useState<Track[]>();

// fetch tracks ...

return (
  <Table className="table-auto">
    <TableHeader columns={tableColumns}>
      {(column) => (
        <TableColumn key={column.key}>{column.label}</TableColumn>
      )}
    </TableHeader>
    <TableBody items={tracks}>
      {(item) => (
        <TableRow key={item.id}>
          {(columnKey) => (
            <TableCell>{getKeyValue(item, columnKey)}</TableCell>
          )}
        </TableRow>
      )}
    </TableBody>
  </Table>
);
reactjs