样式化组件的魅力(特点)
那么本节就是你想要知道的
React中组件形式
关于React中定义组件的形式,有如下几种方式,其中前两个在之前的学习当中,相信你已经很熟悉了的,如果不清楚,可以查看前面的内容的...,实例化了一个styled对象,通过给styled对象下添加你想要的html元素,利用了Es6中的一个模板字符串,反引号
import React, { Fragment, Component } from...background: url(${BgImg}); // 注意这里用Es6中的模板语法
`;
.attrs方法支持给组件添加属性
attrs是一个构造方法,可以给样式组件添加自身的额外属性(这个属性只允许...html标签原生自有的属性),不支持自定义属性,要想添加自定义属性,只能在jsx元素上进行添加
attrs可接收两种类型的参数:
参数可以接收一个对象,通过它添加的属性,会被合并到样式组件当中去
参数可以是一个函数...对于React中重置默认样式,它使用的是createGlobalStyle这个函数,需要从styled-components中注入 如下所示:
import { createGlobalStyle