我可以用 styled.div 做到这一点
styled.div`
color: ${props=> props.color || 'black'};
`
如何使用样式化的组件 css 元素做类似的事情?
const BlackBGCSS = css`
color: ${props=> props.color || 'black'};
`
目前我的解决方案是创建一个工厂函数
const BlackBGCSS = (props)=> css`
color: ${props=> props.color || 'black'};
`
最佳答案
你拥有它的方式:
const myCSS = css`
background: ${({ myColor }) => myColor || `black`};
`;
const MyComponent = styled('div')`
${myCSS};
`;
然后
<MyComponent myColor="red">Hello World</MyComponent>
希望对您有所帮助。
关于javascript - 是否可以将 Prop 传递给样式化组件的 "css"元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53432751/