인라인 스타일 DOM 요소 방법 React?

Question

내가 가져온 라이브러리가 내가 선택한 구성 요소와 jsx에 대한 직접 액세스 권한이없는 반응 선택 항목이나 다른 항목을 상상해보십시오. 다른 라이브러리에서 드롭 다운 메뉴처럼 하위 DOM 요소에 자신 만의 스타일을 전달할 수 있습니까? 보통의 CSS div div div{... here you will style only children}으로 할 수있는 것처럼. 나는 라듐을 사용하고 있습니다.

필자의 경우 선택 선택 - 단일 검색 가능 클래스 및 스타일 드롭 다운 메뉴의 Z- 색인을 변경하고 싶습니다. https://github.com/FormidableLabs/radium/tree/master/docs/api#style-component :

Answer 1

라듐은 그래서 당신은 다른 도서관에서 수입 링크 스타일과 같은 구성 요소를 허용 스타일의 구성 요소라고 제공합니다.

예 :

<Style 
    scopeSelector=".scoping-class" 
    rules={{ 
    color: 'blue', 
    span: { 
     fontFamily: 'Lucida Console, Monaco, monospace' 
    } 
    }} 
/>