,那么把js和css放在一起,也是一种细粒度的组合,css也可以和Js一样,通过模块化的形式嵌入到js里面去
CSS modules很好的解决了样式冲突,利用了分而治之的理念,在如今组件化开发大行其道上...类class声明的组件(类组件/容器组件)
函数式声明的组件(函数组件/无状态组件/UI组件)
样式化组件(styled-components)
本节主要讲的就是样式化组件,给一个React组件添加样式...至于什么时候用attrs
使用attrs将属性传递给样式化组件
当你希望样式化组件的每个实例都具有该prop时使用attrs,换句话说,通过attrs设置的属性,它是公共的,如果每个实例需要不同的实例时则可直接传递...如何覆盖内联样式
内联样式的优先级是最高的,始终优先于外部CSS,因此无法通过简单地样式组件覆盖它,但是有具体的解决办法的, 就是使用&[style]和!...sass,less的语法嵌套,可以使用变量来设置不同的样式,使用这些不同样式时只需要给样式组件传递一个参数就可以了的,在样式化组件内部可以通过props来接收外部的的参数值
事件监听绑定:对于自定义的样式化组件可以进行事件监听的绑定