설치
npm i react-shadow
리액트에서 css 를 컴포넌트 독립적으로 사용할수있는 라이브러리이다
vue에서 컴포넌트 안에 css scope 주고 사용하는거랑 비슷한느낌이다
html 단에 react-shadow 의 root.div 를 이용해서 다른 컴포넌트에는 영향을 받지않는
독립적인 컴포넌트로 감싼후
그 안에 style 태그로 상위 스크립트 단에서 정의한 스크립트를 넣어주면 된다.
ex : 저 파일이 아닌 index.css(전역css) 에서 h2 에 스타일을 정의해도 안먹음
'React.js' 카테고리의 다른 글
| [React] React Hook (0) | 2023.01.18 |
|---|---|
| [React] HOC 고차컴포넌트 (0) | 2023.01.18 |
| [React] styled-component (Css-in-Js) (0) | 2023.01.11 |
| [React] Css Module (Css-in-Css) (0) | 2023.01.10 |
| [React] react-router-dom v6 (0) | 2023.01.06 |