我正在开发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} />
}