본문 바로가기
Front-end/React

React PC/Mobile 접속 기기별 라우팅 react-device-detect

by 꼬바리 2023. 9. 20.
npm install react-device-detect

인스톨 실패시

npm install react-device-detect --force 

 

import {
  BrowserView,
  MobileView,
  isBrowser,
  isMobile
} from "react-device-detect";

function App() {
  return (
    <div className="App">
      <header className="header">
        <BrowserView>
          <h1>브라우저 접속시 뜨는 페이지</h1>
        </BrowserView>
        <MobileView>
          <h1>모바일 접속시 뜨는 페이지</h1>
        </MobileView>
      </header>
    </div>
  );
}
728x90
반응형

댓글