在React中动态要求图片是不好的做法吗？

Question

我正在开发markdown-to-jsx img替代项，并且根据图像是相对的（![Test](test.jpg "Test")）还是超链接（![Test](https://example.net/test.jpg "Test")），我希望以不同的方式处理事情

以下代码可以正常工作，但是我想确保它可以适应未来的发展。我已经停止使用require来支持导入了，但是导入不能是动态的。

interface ImageProps {
  alt: string
  src: string
}

const Image = function(props: ImageProps) {
  let src: string
  if (props.src.match(/^http(s)?:\/\//)) {
    src = props.src
  } else {
    src = require(props.src)
  }
  return <img alt={props.alt} src={src} />
}