umi + styled-components，如何给div传递css prop

[en-cheng-river]

环境：

.umirc配置：

翻阅styled-components文档，文档中提到可以通过如下方式给HTML标签增加css属性:

文档地址：css-prop
按照文档：

<div
  css={`
    color: #fff;
  `}
></div>

报错：

按照styled-components文档的意思是要给项目增加babel插件：babel-plugin-styled-components，
又参考UMI文档，给umirc增加styledComponents.babelPlugin就是已经添加了这个插件。

请问各位大佬你们遇见过么，还是说我的配置问题

[fz6m]

如果用了 umi 再带的 styled components 插件的话，需要从 umi 导入 SC 的方法：

import { styled, css } from 'umi'

如有问题，需要给一个最小复现。

[en-cheng-river]

不是的，styled-component官方文档说的是可以给指定的html标签传递css属性，然后通过它的babel插件读取到这样的用法就可以转换成一个sc组件，而不是说通过从umi或者sc里面引入css函数来创建样式。

[fz6m]

你说得对，这个问题预计在 #11898 修复。

[en-cheng-river]

好的 谢谢