Реагирует на Markdown динамически необходимый файл MD, относительный путь к изображению не работает

Question

Я не могу получить свое изображение в файле уценки для рендеринга. Мне требуется файл уценки в реактивном компоненте, но изображение в файле md не отображается. абсолютные пути к онлайн-изображениям работают, а относительные - нет.

useEffect(() => {
    fetch(require(`../../../static/markdowns/${category.file}`)).then(r => r.text()).then(text => { setMarkDown(text) })
}, [])

<ReactMarkdown escapeHtml={false} source={markDown}/>

<img src='https://picsum.photos/200/300'></img>
<img src="./personwithchart.png" alt="Text">
![](https://picsum.photos/200/300)
![](./personwithchart.png)

картинки работают, но ./ или ../../../static/markdowns/file - нет.

спасибо

Answer 1

Если вы используете что-то вроде Create React App, и изображение находится в вашей папке public/, вы сможете сделать <img src="/personwithchart.png" alt="Text">. Каталог public/ должен быть доступен по вашему URL-адресу root, поэтому вам не нужно соглашение ./ UNIX.