react的antd中怎样把获取的json图片路径转换成图片加载到页面中？

Question

this.columns = [{        

  title: 'picture',

  dataIndex:'imgPath',

  //  网页加载出来只有这个路径   /img/images/a.jpg

  //  dataIndex不能这块不能拼接路径 

  //  需要加载的链接  http：127.0.0.1/img/images/a.jpg

  //  并且把加载的这个图片路径转换成图片，需要怎么转换？

    

},]

//这样获取json数据的，这块好像不能更改。

fetch(json)

  .then(res => res.json())

  .then(

    (result) => {

      this.setState({

        isLoaded: true,

        dataType:'JSONP', 

        dataSource: result.data.list,

      });

    },

    (error) => {

      this.setState({

        isLoaded: true,

        error

      });

    }

  )

render() {

  const { dataSource } = this.state;

const columns = this.columns;

return (        

  <div>

    <Table bordered  rowKey="kid" dataSource={dataSource} columns={columns} />

  </div>

);

Answer 1

columns里还有个render函数，可以自定义显示方式，多看文档