选择开关组件使用
---------源代码在 GitHub 上。
一、依赖
2、若要在组件中执行 less 文件,则在1的基础上下载相关依赖 npm install -g less
。
执行less文件:首先进入less文件所在目录,然后在控制台输入命令:
lessc styles.less styles.css
二、组件使用
1、下载组件到项目相应目录。
2、在使用组件的文件中引入组件:
import Switch from "./Components/React_Switch";
3、使用:
<Switch/>
三、组件修改
1、使用react的 HOOK 定义组件,用useEffect()
对数据进行初始化。
2、初始化开关状态变量。
3、改变开关状态变量。
4、使用者可以根据自身需求对组件样式进行修改。
四、效果
1、关闭状态。
2、打开状态。