方法中声明样式化组件,每次都会动态渲染创建一个新的组件。...,其实两个按钮有很多相同的样式,只有背景颜色不一样而已,如果重复写很多样式,那么肯定是有很多冗余的代码,styled-components中提供了继承的能力
要创建一个继承另一个样式的新组件,只需将其包装在...至于什么时候用attrs
使用attrs将属性传递给样式化组件
当你希望样式化组件的每个实例都具有该prop时使用attrs,换句话说,通过attrs设置的属性,它是公共的,如果每个实例需要不同的实例时则可直接传递...className以变量引用的方式进行添加,例如:className ={styles.counter}
使用sass时,脚手架创建的项目,默认是支持sass的,使用时只需要安装一下node-sass...sass,less的语法嵌套,可以使用变量来设置不同的样式,使用这些不同样式时只需要给样式组件传递一个参数就可以了的,在样式化组件内部可以通过props来接收外部的的参数值
事件监听绑定:对于自定义的样式化组件可以进行事件监听的绑定