React Router로 팝업을 처리하는 방법에 대한 실용적인 가이드
P粉898107874
P粉898107874 2023-08-26 22:51:20
0
1
487

루트 div에서 React Router를 사용하고 있는데 링크를 클릭할 때 팝업을 처리하는 방법을 알 수 없는 것 같습니다.

공용 폴더에 정적 HTML 페이지를 로드할 수 있다는 것을 알고 있지만 src에 .js 파일이 있기를 원합니다.

제가 원하는 것은 다음과 같습니다.

"react-router-dom"에서 { 링크 } 가져오기;; './pages/test.js'에서 테스트를 가져옵니다. 함수 예() { 반품 ( <>  window.open(<테스트 />, "팝업", "toolbar=no, location=no, statusbar=no, menubar=no, 스크롤바=1, 크기 조정 가능 =0, 너비=650, 높이=400, 상단=30인치)}> 안녕하세요   ); } 기본 예시 내보내기;

이것이 작동하는 유일한 방법이지만 분명히 React의 기능을 잃게 됩니다(잘못 읽은 것이 아니라면요?) URL 경로는 공용 디렉토리

"react-router-dom"에서 { 링크 } 가져오기;; './pages/test.js'에서 테스트를 가져옵니다. 함수 예() { 반품 ( <>  window.open('/example', "Popup", "toolbar=no, location=no, statusbar=no, menubar=no, 스크롤바=1, 크기 조정 가능=0 , 너비=650, 높이=400, 상단=30인치)}> 안녕하세요   ); } 기본 예시 내보내기;

P粉898107874
P粉898107874

모든 응답 (1)
P粉546138344

팝업 창을 여는 구문은 window.open(url, name, params)입니다. 창 열기 메서드에서는 구성 요소를 추가할 수 없습니다.

자세한 내용은 다음을 읽어보세요:팝업 및 창 방법

    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿
    회사 소개 부인 성명 Sitemap
    PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!