我有一个反应组件,它使用 Axios 从 API 获取一堆照片。
它可以工作,但现在我不知道如何在组件中显示图像。
如何使用照片数组并将它们显示在我的组件中?
下面是 axios 返回的数组的截图:
这是我的组件:
class ImagePlayer extends Component {
componentDidMount() {
axios.get(`/api/gameRPG/monsterImages/${this.props.encounterId}/pics`)
.then((response) => {
console.log(response);
})
.catch((error) => {
console.log(error);
});
}
render() {
return (
<div>
<div>Show Encounter Pics</div>
<div></div>
</div>
);
}
}
export default ImagePlayer;
谢谢!