react.js - antd 表格中如何显示图片

问题描述

问 题

antd 表格组件中，后台返回 "<img src='xxx'/>" ，
前台怎么展示图片。
现在是这样：

如何才能让图片正确的显示？

解决方案

const columns = [
 {
      title: '图片',
      dataIndex: 'img',
      key: 'img',
      width: 自定义,
      render: (text) => <img src={text} />//这里放后台返回的图片的路径或者整个<img/>  
    },
    ]
    <Table  columns={columns} />

你问的不清楚，如果是表格每行插入一个图片，可以写在columns ，不清楚你后台返回的数据结构是什么，你可以试试，不一定对。

这篇关于react.js - antd 表格中如何显示图片的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！