图像标签的动态路径名

Question

我试图动态地将路径名传递给图像，但是我有一个错误。

这起作用：

  return (
<div className='single-employee'>
  {singleEmployee && (
    <div>{avatar && <img src={require(`../../uploads/1.png`)} alt='' />}</div>
  )}
</div

这不是

const path = "/uploads/1.png";


 return (
<div className='single-employee'>
  {singleEmployee && (
    <div>{avatar && <img src={require(`../..${path}`)} alt='' />}</div>
  )}
</div>

给我一个错误：

Uncaught Error: Cannot find module './../uploads/1.png'
at webpackEmptyContext (..*$:2:1)
at SingleEmployee (SingleEmployee.jsx:33:1)
at renderWithHooks (react-dom.development.js:16305:1)

谢谢。

Answer 1

尝试这样

Import { anyName } from '../../uploads/1.png';

<img src={anyName} />