Как сделать скачивание и открытие файла в новом окне React?

Question

[danilr]

Допустим лежит файл doc.docx в src/assets/document/doc.docx, как вообще его скачать и открыть в новом окне?

Answer 1

[Klein Maximus]

Все зависит от того, что и как должно происходить.
По контексту вопроса не совсем это понятно.
Самый простой вариант открыть какую то ссылку в другой окне - добавить target="_blank":
<a href="..." target="_blank">...</a>

Comments

[danilr]

а какой путь указать в href? В описании я показал где лежит документ

[Klein Maximus]

danilr, когда собираете проект, какой целевой путь? Наверное, build?
И там внутри, скорее всего, есть что-то типа /build/static/media/....
Хотя, если этот файл не импортируется внутри приложения, то в сборку он не попадет.

Лучше выбрать другой подход. В зависимости от используемого бойлерплейта, например CRA (Create Recat App), такие файлы можно положить в публичную папку (public в CRA), и ее содержимое будет скопировано при сборке в целевую папку. Т. о., если разместить файл прямо в папке public (public/doc.docx), то можно будет указать так: <a href="/doc.docx" target="_blank">...</a>

Ну или каким-либо образом донастроить, чтобы статика раздавалась из src/assets.