React: не может извлечь локальный файл из папки src, но может из общедоступного

#reactjs #fetch-api

#reactjs #fetch-api

Вопрос:

Я пытаюсь извлечь локальный файл «file.html » и переведите его в состояние строки. Программа не может найти мой файл в папке src, а вместо этого в общедоступной. Как это сделать в src.

 const [html, setHTML] = useState("");

async function getProjectCode() {
    const file = "file.html"
    await fetch(file)
    .then((response) => response.text())
    .then((data) => {
        setHTML(data);
    });
} 
  

Комментарии:

1. добавьте пример кода в codesandbox для отладки

Ответ №1:

Для статического импорта html-файлов вы можете использовать webpack с плагином webpack HTML. Если это динамический контент (ajax), вам необходимо переместить файлы из папки src в общедоступную.