小编use*_*000的帖子

React Markdown动态需要MD文件,图像相对路径不起作用

我无法在 Markdown 文件中获取要渲染的图像。我需要反应组件中的 markdown 文件,但 md 文件中的图像未渲染。在线图像的绝对路径有效,但相对路径无效。

useEffect(() => {
    fetch(require(`../../../static/markdowns/${category.file}`)).then(r => r.text()).then(text => { setMarkDown(text) })
}, [])
Run Code Online (Sandbox Code Playgroud)
<ReactMarkdown escapeHtml={false} source={markDown}/>
Run Code Online (Sandbox Code Playgroud)
<img src='https://picsum.photos/200/300'></img>
<img src="./personwithchart.png" alt="Text">
![](https://picsum.photos/200/300)
![](./personwithchart.png)
Run Code Online (Sandbox Code Playgroud)

图片可以工作,但 ./ 或 ../../../static/markdowns/file 则不行。

谢谢

javascript import markdown image reactjs

1
推荐指数
1
解决办法
2990
查看次数

标签 统计

image ×1

import ×1

javascript ×1

markdown ×1

reactjs ×1