Import Style CSS

예전부터 사용하던 CSS 나 SCSS와 같이 Style을 정의해서 사용합니다. 파일 구 SamplePage.jsx import './style/SamplePage.css'; const SamplePage = () => { return ( <> <div className="titleWrap"> <button className="arrowBack" onClick={() => {}} /> <label style={{ marginLeft: '25px' }}>제목</label> </div> </> ); }; export default SamplePage; 장점 - 기존 퍼블리셔와 역할은 분리할 수 있다. - CSS, SCSS등 CSS 개발 방법을 사용할 수 있다. - Style 정의를 분리해서 사용할 수 있다. - Style CSS로 파싱하는 작업이 없기 때문에 React Style 보다 속도가 빠르다....

원문링크 : Import Style CSS