Как встроить стиль дочернего элемента DOM в React?

Представьте, что я импортирую библиотеку response-select или любую другую, к которой у меня нет прямого доступа к ее компоненту и jsx. Можно ли передать свой собственный стиль дочернему элементу DOM, например, раскрывающимся меню из другой библиотеки. Как и ваша банка с обычным css div div div{... here you will style only children}. Я использую радий.

В моем случае я хочу изменить z-индекс Select Select - единственное раскрывающееся меню класса и стиля с возможностью поиска.

введите здесь описание изображения


reactjs inline-styles radium
person alphiii    schedule 01.01.2017    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Radium предоставляет так называемый компонент стиля, который позволяет вам стилизовать такие компоненты, которые вы импортировали из других библиотек. Ссылка: https://github.com/FormidableLabs/radium/tree/master/docs/api#style-component.

Пример:

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