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函数，可以自定义显示方式，多看文档