복붙노트

[REACTJS] 에서 라우터 프로그래밍 반응 새 탭에서 링크 열기

REACTJS

에서 라우터 프로그래밍 반응 새 탭에서 링크 열기

해결법


  1. 1.이 https://stackoverflow.com/a/11384018/7697399의 대답은 나를 도와하고 완벽하게 일했다. 이것은 반응 라우터의 도움없이 할 수있다.

    이 https://stackoverflow.com/a/11384018/7697399의 대답은 나를 도와하고 완벽하게 일했다. 이것은 반응 라우터의 도움없이 할 수있다.

    function openInNewTab(url) {
      var win = window.open(url, '_blank');
      win.focus();
    }
    

  2. 2.이전의 대답과 비슷하지만 창문을 열 수없는 경우 오류가 밖으로하지 않습니다.

    이전의 대답과 비슷하지만 창문을 열 수없는 경우 오류가 밖으로하지 않습니다.

    function open(url) {
      const win = window.open(url, '_blank');
      if (win != null) {
        win.focus();
      }
    }
    

  3. 3.<링크 /> 요소로부터 대응 라우터-DOM을 사용할 수있다. 을 사용하면 새로운 탭으로 소품을 전달할 수 있습니다.

    <링크 /> 요소로부터 대응 라우터-DOM을 사용할 수있다. 을 사용하면 새로운 탭으로 소품을 전달할 수 있습니다.

    <Link to='/' target="_blank"> 
      <div> Button </div>
     </Link>
    
  4. from https://stackoverflow.com/questions/47789347/open-link-in-new-tab-in-react-router-programmatically by cc-by-sa and MIT license