react学习之style

一、向样式组件传递参数：

　　作用：

　　　　1，用于传递背景图；

　　用法：

　　　　在样式组件上添加一个属性，然后使用${(props) => props.属性}接收参数。

　　例子🌰：

　　　　Recommend.js:

　　　　　　<RecommendItem imgUrl={ item.get('imgUrl') } key={ item.get('id') } />

　　　　style.js:　　　　

　　　　　　export const RecommendItem = styled.div`

　　　　　　　　background : url( ${ (props) => props.imgUrl } ) no-repeat center;

　　　　　　`