Реакция стайлинга JS

Question

Я хочу создать компонент, который я могу передать реквизит, который может изменить стили этих компонентов. Так же, как Блочный компонент в некоторых React Native Theme .

Пример: <Block gray></Block>

Это изменит цвет фона на серый.

Извините, новичок: D

Answer 1

Если вы новичок, я бы настоятельно рекомендовал изучить стили React и CSS. , потому что там показаны некоторые простые приемы с примером, чтобы понять стиль реагирования

do Ссылка c: https://reactjs.org/docs/faq-styling.html

Например:

Как добавить стиль CSS к компонентам? Передайте строку как опору:

render() {
  return <Block style={{backgroundColor:'grey'}}>Menu</Block>
}

Answer 2

Если вы просто ищете простые, легко настраиваемые компоненты, я бы порекомендовал реагировать - bootstrap. У них есть много документации, чтобы объяснить, как передать реквизиты, которые могли бы сделать серый компонент.

Ссылка: https://react-bootstrap.github.io/