如何使用react js从API获取图像

Question

我无法在我的网站上显示图片，该图片是从API中提取的。

这是我的图片提取/显示代码。

this.state.filteredData.map((data,i) =>
                    <div>
                        <span>{data.details.name}</span>
                        <br/ >
                       <img source={{uri:data.details.image}} style={aStyle} />
                        <br/>
                        <span>{data.details[ 'section of law' ]}</span>
                        <br />3

                        <span>{data.details[ 'type of person' ]}</span>
                    </div>

const aStyle={
    width:300,
    height:360
};

仅显示图像框。

Answer 1

<img src={{uri:data.details.image}} style={aStyle} />

Answer 2

图像具有src属性，您可以将图像url字符串或base64图像数据传递给它。

<img src={data.details.image} style={aStyle} />