为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

拉莫斯之舞 2019-02-14 22:19:03
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>);
查看完整描述

1 回答

?
12345678_0001

TA贡献1802条经验 获得超5个赞

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


查看完整回答
反对 回复 2019-02-27
  • 1 回答
  • 0 关注
  • 1609 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信