리액트에서 pdf파일 링크로 걸어 새창에서 열리게 하기(라이브러리 설치 x)

posinity·2023년 4월 27일
0

React

목록 보기
49/58
post-custom-banner

1. pdf 파일 상단에 Import하기

상단에 아래 코드를 써준다.
import 이름은 원하는걸로 설정한다

import pdfFile from "pdf파일경로";

2. Link 태그 또는 a 태그로 링크를 건다

//Link태그
<Link to={pdfFile} target="_blank">
...
</Link>

//a태그
<a herf={pdfFile} target="_blank">
...
</Link>

Link태그를 쓰려면 리액트 라우트 돔에서 link를 임포트해야 한다
리액트 라우트 돔 설치 후, 상단에 아래 코드를 적어준다

import { Link } from "react-router-dom";
profile
문제를 해결하고 가치를 제공합니다

0개의 댓글