открыть pdf onClick React js, где ссылки находятся в таблице

У меня есть компонент таблицы, который выглядит примерно так:

S.No PDF
1 pdf1.pdf
2 pdf2.pdf
3 pdf3.pdf
4 pdf4.pdf
5 pdf5.pdf
6 pdf6.pdf


каждое имя PDF находится внутри тега <a>. При нажатии на эти имена мне нужно открыть соответствующий файл PDF в браузере.
Пожалуйста, помогите найти эффективное решение в React js.


reactjs javascript pdf visual-web-developer
person Nitesh yadav    schedule 01.08.2021    source источник
comment
Просто используйте обычную ссылку с target="_blank". onClick не требуется.   -  person Chris G    schedule 01.08.2021
comment
Я использовал это, но это не работает. Это в React.js. Поэтому я использовал href={require(../../assets/pdfs/P1.pdf)}, но это тоже не работает.   -  person Nitesh yadav    schedule 02.08.2021
comment
Отвечает ли это на ваш вопрос? React - Как открыть файл PDF как href цель пустая   -  person smac89    schedule 02.08.2021
comment
Не требуйте их, используйте обычную ссылку. Переместите PDF-файлы в папку public и используйте href="/P1.pdf" или в папку, например pdfs, и используйте href="/pdfs/P1.pdf".   -  person Chris G    schedule 02.08.2021
comment
Вот песочница, демонстрирующая различные методы: codesandbox.io/s/ sweet-turing-flq1t?file=/src/App.js   -  person Chris G    schedule 02.08.2021
comment
спасибо, @ChrisG. теперь это исправлено.   -  person Nitesh yadav    schedule 02.08.2021