Antd库:尝试渲染图像时如何处理?

尝试渲染图像时如何处理? 我在下面尝试,但未显示图像。

const columns = [
  {
    title: 'image',
    dataIndex: 'notificationImage.url',
    key: 'notificationImage.url',
    render: (record) =>
    //console.log(text, record && record.notificationImage && record.notificationImage.url, index)
    {
      record && record.notificationImage &&
        <img
          width="460" height="345"
          src={record.notificationImage.url} />
    }
  },]
评论
  • 薄荷凉
    薄荷凉 回复

    我认为您的代码块应如下所示:

    Add return

    render: (record) =>
        {
          return record && record.notificationImage && // <---- HERE
            <img
              width="460" height="345"
              src={record.notificationImage.url} />
        }
    

    要么

    在执行一行时删除花括号

    render: (record) => record && record.notificationImage &&
            <img
              width="460" height="345"
              src={record.notificationImage.url} />