JSON을 ReassJS에서 Sass로 전달하는 방법은 무엇입니까?

Question

나는 UI 컴포넌트를 표시하고 사용자가 해당 컴포넌트의 색상을 변경할 수있는 Webpack과 함께 React/Redux 응용 프로그램을 만들고 있습니다. scss로 CSS 모듈을 사용하여 스타일을 지정하고 있습니다. 나는 JS로 인라인 스타일을하기보다는 모든 스타일을 scss 파일 안에 유지하는 것을 선호한다. React 구성 요소의 속성을 해당 scss 파일로 전달하는 방법을 찾고 있습니다.

예를 들어, React 소품의 버튼 색상이 표시됩니다. Sass 변수로 바꾸고 scss 파일에 삽입하는 방법을 찾아야합니다. 이것을 달성 할 수있는 방법이 있습니까?

Answer 1

최상의 옵션은 react-css-themr입니다. 그것으로 당신은 사용자 선택에 기반한 클래스 이름을 할당 할 수 있습니다. 또는 귀하의 경우에 올바른 컴포넌트 선택을 위해 context-theming을 사용할 수 있습니다.

좋은 예를보고 싶다면프로젝트에서 재료 구성 요소를 테마로 사용됩니다.