- 博客(6)
- 收藏
- 关注
RSS订阅原创 React状态管理插件
这种取值方式跟resso差不多 但是我们不推荐这种 如果我们仓库存在多个值的情况下 我们修改其中一个 所有值会跟着一起更新。resso可以通过直接拿到值来进行更改 但是我们的zustand只能通过set来进行修改。可以看到我们还是初始了一个变量count以及一个修改状态的方法。这种就跟react-redux取值差不多了。我愿意称之为最简单的状态管理工具。
2024-07-10 18:18:54
418
原创 vite项目配置环境变量
我们需要再文件根目录创建对应的文件名称.env: 所有环境.env.development 开发环境.env.production : 生产环境我们在页面中创建这三个文件vite配置环境变量前面需要加上VITE三个文件内代码分别为# .envVITE_TITLE = '开发'VITE_TITLE = '生产'.env所设置的变量无论什么环境都能访问到 我们定义了一个VITE_A的常量 另外两个文件定义了对应的标题。
2024-07-09 22:01:00
2585
原创 react路由学习 react-router-dom初始化
比如父级goods路由下面新增一个child 你可以写 child 或者是/goods/child 不能写/child。和navlink一样 两者之间的区别是 navlink可以判断激活状态可以设置样式 link就是普通的a标签。这个东西有点类似于vue-router中的路由独享守卫 在路由中配置loader函数 路由加载之前调用。在vue中我们可以使用独享守卫来进行接口的请求 拿到对应页面的数据 loader也可以发送异步请求。当我们在做权限拦截的时候可以通过loader来进行判断。
2024-07-08 17:06:23
472
原创 TS学习笔记
一，TS中的八种基础类型// 字符串let str: string = 'hello world'// 数字类型let num: number = 123// 布尔类型let bool: boolean = true// nulllet n: null = null// undefinedlet u: undefined// 对象类型let obj: object = {}// bigintlet big: bigint = 100n//symbollet sym: sy
2024-07-08 14:50:58
444
原创 react学习笔记 常用hook学习
上面的代码其实是定义了两个状态count state total是一个函数返回值为count的值加10也就是依赖count的值 因为在模板里调用了该函数 所以初始化会执行一次 当我们在点击修改。其实控制台已经打印过了表示的确是push进去了 但是页面并没有更新 是因为我们的数组地址没有发生变化页面监视不到 我们也需要通过传入一个新的数组进行替换。原因是因为我们传递了一个引用类型数据一个点击函数 当父组件发生变化时 函数会重新创建 当地址发生变化时候 子组件就会重新渲染。
2024-07-07 19:32:23
1820
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人