반응 구성 요소를 스타일로 게시하는 방법은 무엇입니까?

Question

반응을 사용하여 UI 라이브러리를 게시하려고합니다. 하지만 스타일을 다루는 방법에 대해 혼란 스럽습니다. 나는 project.I 코드를 작성하는 경우

예를 들어, 내 코드를 구축 & & babelwebpack를 사용하는 것, 그리고 그것은 * .CSS 파일을 만듭니다.

import React from 'react'; 
import './index.less'; 

export default function() { 
    return (
    <div> 
     123 
    </div> 
) 
} 

하지만, 난 그냥 compoents 반응 작성하는 경우, 내 code.There이 * .less 파일 deail하는 css-loader 아닌 컴파일 바벨을 사용합니다. 컴파일 한 후 코드에 requre('./index.less')이 있지만 파일을 찾을 수 없습니다. 따라서 위와 같은 코드를 작성하고 싶다면 * .css로이 코드를 어떻게 게시 할 수 있습니까?

Answer 1

React에서 주변 스타일링 구성 요소가 있는지 확인할 수 있습니까? 여기에는 많은 옵션이 있으며 원하는대로 제공됩니다. 단지 빠른 Google 검색은 많은 옵션을 제공합니다.

개인적으로 가장 좋아하는 패키지는 styled-components입니다.