反应作为字符串传递的img src上传递导入名称作为prop

Question

我有一个React组件，在其中导入了图像路径，然后将其名称传递给img src，如下所示：

import { Myimage } from './images/image.jpg';

const MyComponent = (props) => (
  <div>
    <img src={Myimage} alt="" />
  </div>
);

上面的方法工作正常，但是我想使用prop传递导入的名称，但是它返回一个字符串，因此它将无法正常工作。

代码如下：

const MyComponent = (props) => (
  <div>
    <img src={props.myprop} alt="" />
  </div>
);

这是电话：

<MyComponent myprop="Myimage" />

如何在img src中传递导入名称？

Answer 1

尝试一下...

<MyComponent myprop={Myimage} />