React Router로 팝업을 처리하는 방법에 대한 실용적인 가이드
<p>루트 div에서 React Router를 사용하고 있는데 링크를 클릭할 때 팝업을 처리하는 방법을 알 수 없는 것 같습니다. </p>
<p>공용 폴더에 정적 HTML 페이지를 로드할 수 있다는 것을 알고 있지만 src에 .js 파일이 있기를 원합니다. </p>
<p>제가 원하는 것은 다음과 같습니다.</p>
<pre class="brush:php;toolbar:false;">"react-router-dom"에서 { 링크 } 가져오기;;
'./pages/test.js'에서 테스트를 가져옵니다.
함수 예() {
반품 (
<>
<Link onClick={() => window.open(<테스트 />, "팝업", "toolbar=no, location=no, statusbar=no, menubar=no, 스크롤바=1, 크기 조정 가능 =0, 너비=650, 높이=400, 상단=30인치)}>
안녕하세요
</링크>
</>
);
}
기본 예시 내보내기;</pre>
<p> 이것이 작동하는 유일한 방법이지만 분명히 React의 기능을 잃게 됩니다(잘못 읽은 것이 아니라면요?) URL 경로는 공용 디렉토리 </p>
<pre class="brush:php;toolbar:false;">"react-router-dom"에서 { 링크 } 가져오기;;
'./pages/test.js'에서 테스트를 가져옵니다.
함수 예() {
반품 (
<>
<Link onClick={() => window.open('/example', "Popup", "toolbar=no, location=no, statusbar=no, menubar=no, 스크롤바=1, 크기 조정 가능=0 , 너비=650, 높이=400, 상단=30인치)}>
안녕하세요
</링크>
</>
);
}
기본 예시 내보내기;</pre></p>
