在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Java  HTML/ react的antd中怎樣把獲取的json圖片路徑轉(zhuǎn)換成圖片加載到頁面中?

react的antd中怎樣把獲取的json圖片路徑轉(zhuǎn)換成圖片加載到頁面中?

this.columns = [{        
  title: 'picture',
  dataIndex:'imgPath',
  //  網(wǎng)頁加載出來只有這個路徑   /img/images/a.jpg
  //  dataIndex不能這塊不能拼接路徑 
  //  需要加載的鏈接  http:127.0.0.1/img/images/a.jpg
  //  并且把加載的這個圖片路徑轉(zhuǎn)換成圖片,需要怎么轉(zhuǎn)換?
    
},]
//這樣獲取json數(shù)據(jù)的,這塊好像不能更改。
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>
);

}

回答
編輯回答
柚稚

columns里還有個render函數(shù),可以自定義顯示方式,多看文檔

2017年6月8日 20:25