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
반응형
'Front-end > React' 카테고리의 다른 글
[PIP 모드 키기] 리액트로 Picture In Picture 창 켜보기 라이브러리 사용 (0) | 2023.10.31 |
---|---|
[대시보드] amcharts 라이브러리 사용 리액트 누적 막대 그래프 만들기 (0) | 2023.10.17 |
[대시보드] amcharts 라이브러리 사용 리액트 Pie 차트 (0) | 2023.08.30 |
[대시보드] amcharts 라이브러리 사용 리액트 Bar 차트 (0) | 2023.08.27 |
ReactQuill 리액트 글쓰기 에디터 이미지 드롭하여 삽입하기 (2) | 2023.08.14 |
댓글