zustand

2023-05-16

最近工作中需要用到zustand,先记录一下学到的demo

安装:

npm install zustand

公共文件store引入

import create from 'zustand'

const useStore = create(set => ({
  bears: 0,
  increasePopulation: () => set(state => ({ bears: state.bears + 1 })),
  removeAllBears: () => set({ bears: 0 })
}))
export default useStore

需要用到的组件引入useStore

import React from 'react'
import useStore from './store/index'

export default function Controls() {
  const bears = useStore(state => state.bears)
  const increasePopulation = useStore(state => state.increasePopulation)
  return <><h1>{bears} around here ...</h1>
  <button onClick={increasePopulation}>click</button>
  </>
}

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

zustand 的相关文章

  • uboot源码分析1-启动第一阶段-2.5.uboot和系统移植第5部分-朱有鹏-专题视频课程...

    uboot源码分析1 启动第一阶段 2 5 uboot和系统移植第5部分 6166人已学习 课程介绍 本课程为uboot学习的第5部分 xff0c 主要内容是uboot启动的第一阶段start S文件中的汇编初始化部分 学习本部分的主要目标
  • java关于对象比较---equals与hashCode详解

    目录 前言 一 equals方法 二 hashCode 1 什么是hashCode 2 hashCode的使用 1 相等值的hashCode一定相等 2 不同的值 hashCode也可能相等的情况 三 为什么hashCode和equals要
  • 状态码500问题

    1 从客户端解决500内部服务器错误是由服务器造成的 xff0c 但也可以从客户端尝试解决 步骤如下 xff1a 1 xff09 清除缓存 xff0c 并删除Cookie后 xff0c 重新启动浏览器 2 xff09 把它作为一个504的错
  • MapReduce详解

    目录 xff08 一 xff09 MapReduce的基本知识 xff08 二 xff09 MapReduce计算框架概述 xff08 三 xff09 MapReduce 具体计算过程 xff08 一 xff09 MapReduce的基本知
  • 进程(线程)调度及调度的九种算法。

    2 1 进程调度 进积 线程 调度即处理机调度 一般在大型批 处理系统中配有作业调度 xff0c 而其他系统中 xff0c 通常无须配置作业调度 xff1b 而在采用虚拟存储管理的操作系统中 xff0c 中级调度被页面调入策略 页面置换策略
  • 网络配置:vlan配置

    一 进入管理员系统并修改交换机名字 system 进入管理员系统 sysname XX 修改名字 二 设置PC端口 vlan XXX 配置单个vlan 例 xff1a vlan 10 创建vlan10 vlan batch XXX XXXX
  • 51单片机——LCD12864

    目录 LCD12864简介 特征 工作参数 LCD12864引脚说明 LCD12864常用指令集 基本指令 扩充指令 字符表 汉字显示地址编排 编辑 绘图地址与汉字显示编排示意图 程序设计 图形显示程序 字符显示程序设计 LCD12864简
  • Windows10系统的启动流程

    名词解释 xff1a windows boot manager xff1a 是windows启动管理器 启动管理器 xff08 boot manager xff09 是windows引导程序 grub lio的 引导操作系统启动的一段程序
  • xshell 双击没有反应

    xshell双击无反应 xff08 解决办法 xff09 1 打开服务 xff1a 打开命令行窗口 xff08 win 43 r 输入cmd xff09 xff0c 打开服务 xff08 输入services msc xff09 2 在服务
  • Linux下的yum升级(升级到高版本)

    Linux下的yum怎么升级 xff1f 1 备份默认的yum mv etc yum repos d etc yum repos d backup 2 设置新的yum目录 mkdir etc yum repos d amp amp cd e
  • (成功-桌面特简单,但右键不能打开应用)Xmanager 5远程连接CentOS7图形化界面

    有yum grouplist上面2个文件中的GNOME Desktop 就不需要再单独安装 Desktop 了 yum y groupinstall 34 X Window System 34 yum groupinstall 34 GNO
  • uboot源码分析2-启动第二阶段-2.6.uboot和系统移植第6部分-朱有鹏-专题视频课程...

    uboot源码分析2 启动第二阶段 2 6 uboot和系统移植第6部分 5873人已学习 课程介绍 本课程为uboot学习的第6部分 xff0c 主要内容是uboot启动的第二阶段start armboot函数 本阶段是开发板级别的硬件初
  • gitHub无法下载的解决方法

    小技巧 有时候通过git clone从github上更新代码失败 比如 git clone https github com xxx git 提示下载失败 可以尝试把https 换成 git git clone git github com
  • python中类和函数变量的 (作用域大小、使用方法)

    usr bin python coding UTF 8 class Employee 39 所有员工的基类 39 TotalCount 61 0 name 61 34 张三 34 def init self A1 A2 初始化文件名Empl
  • Python 中%d,%s等特殊符号的含义

    常见的格式化符号如下表 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61
  • 解决服务器时间Local time和RTC time不一致的问题

    今天遇到了一个问题 xff0c 发现程序读取的时间比实际的时间快了几分钟 执行 timedatectl status 发现 Local time比实际的快 xff0c 但是RTC time是准确的 各种google也没搞懂怎么回事 xff0
  • python中的copy.copy和copy.deepcopy

    1 浅copy时 xff0c 1级的值和个数永远不会变化 xff0c 但是如果1级不是具体的值 xff0c 是集合 列表等时2级的子值会变化 2 深deepcopy时 xff0c b则会有自己的独立空间 xff0c 不会再受a任何影响 一个
  • Python中的函数参数有冒号 声明后有-> 箭头

    在一些Python的工程项目中 xff0c 我们会看到函数参数中会有冒号 xff0c 有的函数后面会跟着一个箭头 xff0c 你可能会疑惑 xff0c 这些都是什么东西 xff1f 其实函数参数中的冒号是参数的类型建议符 xff0c 告诉程

随机推荐

  • 安装requests ------必须install packages之后才能import有效

    1 pip3 6 install i https pypi doubanio com simple trusted host pypi doubanio com target 61 root soft999 python3 6 6 yp3
  • pycharm如何快速显示1级菜单 方法函数列表

    61 61 61 61 61 61 61 方法1 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61
  • WPS显示 只奇数偶数行方法

    1 空白行输入 xff1a 61 IF MOD ROW 2 61 1 34 奇 34 34 偶 34 2 再自动筛选即可
  • uboot如何启动内核-2.7.uboot和系统移植第7部分-朱有鹏-专题视频课程

    uboot如何启动内核 2 7 uboot和系统移植第7部分 4221人已学习 课程介绍 本课程为uboot学习的第7部分 xff0c 主要讲解uboot启动内核的细节 课程中集中讲解了zImage uImage的区别和联系 xff0c d
  • Java的lambda表达式

    1 Java的lambda表达式 Java小案例 xff1a 原始写法 span class token keyword package span span class token namespace com span class toke
  • equals方法和hashcode方法

    一 Object都有哪些方法 xff1f 1 xff0e clone方法 保护方法 xff0c 实现对象的浅复制 xff0c 只有实现了Cloneable接口才可以调用该方法 xff0c 否则抛出CloneNotSupportedExcep
  • podman容器开机自启

    podman容器开机自启 管理员开机自启 拉取busybox镜像作测试 root 64 localhost podman pull busybox Resolved 34 busybox 34 as an alias etc contain
  • Hadoop基础操作--查询集群的存储系统信息

    通过HDFS监控服务可以查询到大量相关信息 xff0c HDFS的监控服务是通过节点 xff08 NameNode xff09 的端口50070来进行访问 例 xff1a 在浏览器地址栏输入 http master 50070 来展现当前H
  • MapReduce编程入门--用eclipse创建MapReduce工程

    这里我用的事eclipse对MapReduce进行编程 xff0c 首先需要下载相关的eclipse xff0c eclipse可以用于多种语言的开发 xff0c 这里我们需要用到的是Eclipse IDE for Java EE Deve
  • Mac使用VMware Fusion安装OpenWRT

    需要在Mac电脑上安装VMware Fusion xff0c 准备OpenWRT镜像 vmdk版本 xff08 img转vmdx方法可在我的csdn文章中找到 xff09 安装步骤 1 打开VMware Fusion点击左上角 43 打开
  • [网络工程师]-路由配置-BGP配置

    组建BGP网络是为了实现网络中不同AS之间的通信 配置BGP基本功能是组建BGP网络的最基本要求 xff0c 主要包括一下三部分 xff1a xff08 1 xff09 启动BGP进程 xff1a 只有先启动BGP进程 xff0c 才能开始
  • Linux--bash、fork、exec、进程替换相关命令

    目录 1 bash 2 fork 43 exec 例1 xff1a 3 fork 43 exec 例子2 1 bash linux bash是一个命令处理器 xff0c 通常运行于文本窗口中 xff0c 并能执行用户直接输入的命令 xff1
  • js,定时器,计时器

    let a 61 settimeout 61 gt console log 1 1000 1 xff0c 返回值是一个number标识 2 xff0c cleartimeout xff0c 和clearintenval都可以消除settim
  • commonjs模块和es6模块的区别

    es6模块在浏览器端和服务器端都可用 xff0c commonjs只适用于服务端 1 xff0c es6是编译时输出接口 xff08 接口在代码在解析阶段就已经生成 xff09 xff0c commonjs是运行时加载 xff0c 在脚本完
  • uboot的命令体系-2.8.uboot源码分析4-朱有鹏-专题视频课程

    uboot的命令体系 2 8 uboot源码分析4 3793人已学习 课程介绍 本课程为uboot学习的第8部分 xff0c 主要讲解uboot的命令体系 分析了uboot的命令定义和实现的方法 xff0c 教大家自己向uboot中添加自定
  • 浪潮服务器忘记管理口地址,远程配置raid,远程安装系统。

    如果浪潮服务器忘记了管理口地址 xff0c 可以通过设置临时IP地址进行服务器管理 xff08 必须保证服务器之前IPV4的获取方式为DHCP xff09 使用工具 xff1a tftpd32 xff08 网上可直接搜索下载 xff09 x
  • linux命令行——linux快速搜索历史命令

    一 需求描述 在执行命令时 xff0c 对于已经输入的历史命令 xff0c 可以通过关上下键进行翻找 xff0c 如果是最近几条 xff0c 很容易找到 xff0c 如果是很久之前的命令 xff0c 依旧使用上下键查找就会力不从心 二 解决
  • 如何用六步教会你使用python爬虫爬取数据

    前言 xff1a 用python的爬虫爬取数据真的很简单 xff0c 只要掌握这六步就好 xff0c 也不复杂 以前还以为爬虫很难 xff0c 结果一上手 xff0c 从初学到把东西爬下来 xff0c 一个小时都不到就解决了 python爬
  • react实现点击复制

    1 使用浏览器提供的document execCommand 39 copy 39 2 使用copy to clipboard库 document execCommand 34 copy 34 1 document execCommand封
  • zustand

    最近工作中需要用到zustand xff0c 先记录一下学到的demo 安装 xff1a npm install zustand 公共文件store引入 import create from 39 zustand 39 const useS