如何使用TableCell为表的列设置图像

Question

我使用material-ui来构建一个包含图像列的表。

我的代码如下，但是图像不显示。

<TableBody>
    {data.map(n => (
      <TableRow key={n.id}>
        <TableCell component="th" scope="row">
          {n.first_name}
        </TableCell>
        <TableCell>{n.last_name}</TableCell>
        <TableCell><image src={n.avatar}></image></TableCell>
      </TableRow>
    ))}
</TableBody>

Answer 1

您是否正在使用HTML image tag或material-ui图像组件？如果它是HTML图像标签，则应为<img src={n.avatar} />而不是<image src={n.avatar}></image>！