JSX 中有什么反应 <div css=?答案

【问题标题】：What does in JSX react <div css=?JSX 中有什么反应 <div css=?
【发布时间】：2020-01-21 20:58:22
【问题描述】：

我有一个简单的 React 组件，它在 JSX 中有 css 属性，我知道它是用于样式的，但不清楚它是否是“本机”css react 属性，或者它是否来自styled-components 或其他一些库。

如果不是 react 库，您是否知道它来自哪个库？

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

【问题讨论】：

【解决方案1】：

css 属性来自styled-components 库本身。当少量样式不能保证为其制作组件时，将使用它。

但是，它并没有在库中集中实现，并借助 Babel plugin 提供功能。这就是为什么你不需要导入函数来使用它。

【讨论】：

【解决方案2】：

它来自Glamor，它提供了许多方便的方式来设置组件的样式。一种方法是在您的示例中使用它的 css 道具。除了支持整个 CSS 语言之外，它的工作方式与默认样式属性完全相同。

【讨论】：