在JSX上进行事件的监听绑定,通过on*EventType只针对原生的HTML标签起作用的,如果是自定义的组件,是不起作用的,有什么好的解决办法?...-S styed-components
在安装完后,在使用styled-components的文件内,通过import的方式引入该模块
如下代码所示: 在文件的上方引入styled-components...: 0 10px;
}
.spanText{
padding: 0 15px;
}
在使用css-module样式的文件内,通过import的方式引入该xxx.module.css文件
import...sass,less的语法嵌套,可以使用变量来设置不同的样式,使用这些不同样式时只需要给样式组件传递一个参数就可以了的,在样式化组件内部可以通过props来接收外部的的参数值
事件监听绑定:对于自定义的样式化组件可以进行事件监听的绑定...,这正是解决类class声明的自定义组件,无法绑定事件监听的痛点,onEventType事件类型只针对原生HTML标签才起作用,而样式化组件正好弥补了这一点
模块化css:按需引入组件的代码,避免了一些多余的代码