styled-components透组件传props问题

Question

Div2 = () => <div>
Div1 = () => <Div2>

styled(Div1)`

background-color:black

`
styled(Div1) 有办法透传props到真实dom吗,
即渲染Div1为background-color为black

Answer 1

styled-components会生成CSS样式表，并通过className注入给组件。所以你要这样子定义Div1：

const Div2 = (props) => <div className={props.className}> // or const Div2 = (props) => <div {...props}>
const Div1 = (props) => <Div2 {...props}>

想要知道styled-components的原理可以看这篇文件<[技术地图] ?styled-components ?>