Что реагирует в JSX

Question

У меня есть простой компонент реагирования, который он имеет в JSX, свойство css, я понимаю, что это опора, это для стилевого оформления, но не ясно, является ли это "собственным" свойством реагирования css, или оно происходит отstyled-components или какая-то другая библиотека.

У вас есть представление, из какой это библиотеки, если не из реактивной?

<div css={{color: 'red', backgroundColor:'blue'}}>Hello world!</div>;

Answer 1

css prop поступает из styled-components самой библиотеки.Он должен использоваться, когда небольшая часть стиля не гарантирует создание компонента для него.

Однако он не реализован централизованно в библиотеке и функционирует с помощью плагина Babel .Вот почему вам не нужно импортировать функцию, чтобы использовать ее.

Документы

Answer 2

Это происходит от Glamour , который предоставляет множество удобных способов стилизации ваших компонентов.Один из способов - использовать его css prop, как в вашем примере.Он работает точно так же, как и стиль по умолчанию, за исключением того, что поддерживает весь язык CSS.

Вот пример: https://github.com/threepointone/glamor/blob/master/docs/howto.md