如何通过道具[REACT.JS]将图片网址从父组件传递到子组件

Question

我有一个Parent组件，我正在导入img以将url传递给child组件

父代码：

import escopoIcon from '../../images/icons/escopo.png';

escopoServiceTab = {
    imgurl: {escopoIcon}
}

<!-- RENDER METHOD-->
<ServiceTab imgurl={this.escopoServiceTab.imgurl}/>

子代码

<img src={props.imgurl} alt=""/>

这样，我得到一个对象...如何获取图像URL并传递？

Answer 1

您将escopoIcon包裹在{}内的escopoServiceTab中，将其周围的{}移出

escopoServiceTab = {
  imgurl: escopoIcon
}