![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 64
爱吃吃鱼
这个作者很懒,什么都没留下…
展开
-
使用useSelector、useDispatch替代connect
Hooks 提供了很多好用的api,甚至很多人认为Hooks的useReducer等Api已经可以取代Redux了。其实Hooks和Redux的使用场景并不冲突,而且可以互相借鉴,最近react-edux最新版本(7.1)也引入了Hooks风格的Api。useState和useReducer是Hooks中最常用的Api,适合用来进行简单的状态管理,但也都有一些无法满足的需求useStateimport React, { useState } from "react";const Componen原创 2022-05-06 12:18:45 · 334 阅读 · 0 评论 -
React - Hooks
react-hooks学习知识点详解原创 2022-03-18 14:49:38 · 174 阅读 · 0 评论 -
typescript整理
联合类型——接口1. 联合类型let muchType: string | number = 'hello';muchType = 10;console.log(muchType.toString()); //这里需要使用定义类型共用的方法2. 接口定义 强约束一般首字母大写,有的编程语言建议加上 I 做开头interface Istate { name: string; age: number;}let obj: Istate = { name: 'zhangsan', a原创 2022-02-18 11:10:36 · 234 阅读 · 0 评论 -
classNames
本文均以CSS modules做示范,配置在隔壁react ????️引入CSS modules????安装包npm install classnames示例代码import { useState } from "react";import classNames from "classnames/bind"; // 注意需要引入.bind文件import styles from "./index.css";// 获得一个css的上下文环境let cx = classNames.bind原创 2022-01-26 12:59:08 · 1150 阅读 · 0 评论 -
React 中配置 CSS modules
使用Create React APP创建项目npx create-react-app my-appcd my-appnpm start将React打包的配置文件释放出来npm run eject执行完上面的命令之后,会新增两个目录script/和config/。在config/目录下可以看到两个配置文件webpack.config.js和webpackDevServer.config.js。如果你需要配置所需的功能,可以在webpack.config.js中添加配置。如果你需要将项目打包原创 2022-01-20 15:10:40 · 1817 阅读 · 0 评论