随笔分类 - react

react-redux 持久化

摘要：1. 安装 redux-persist npm install redux-persist 2.store/index.js文件 import { configureStore,combineReducers } from "@reduxjs/toolkit"; import { persistSt 阅读全文

posted @ 2024-04-09 17:31 jlyuan 阅读(140) 评论(0) 推荐(0) 编辑

react 配置@别名

摘要：1.安装 craco工具 npm i -D @craco/craco craco 是一个用于扩展 Create React App（CRA）的工具，CRA 是一个用于快速搭建 React 应用的脚手架工具。CRA 提供了一个简单的项目结构和配置，使得开发者可以快速开始一个 React 项目的开发。然阅读全文

posted @ 2024-04-09 15:36 jlyuan 阅读(96) 评论(0) 推荐(0) 编辑

react路由使用

摘要：在介绍 React Router 的概念以前，需要先区分两个概念： react-router：为 React 应用提供了路由的核心功能； react-router-dom：基于 react-router，加入了在浏览器运行环境下的一些功能。 1. 安装（本文6.22.3版本） npm i react 阅读全文

posted @ 2024-04-08 23:04 jlyuan 阅读(14) 评论(0) 推荐(0) 编辑

react中redux基本使用二

摘要：1. action传参，用payload属性接收 <button onClick={()=>dispatch(addNum(2))}> +2</button> 2. redux 中异步操作，与同步类似，需要比同步多封装一个函数// 使用RTK创建store, createSlice 创建reduc 阅读全文

posted @ 2024-04-08 21:18 jlyuan 阅读(12) 评论(0) 推荐(0) 编辑

react中redux基本使用

摘要：1. 安装 npm install @reduxjs/toolkit react-redux 2.创建store目录 3. 创建counterStore.js // 使用RTK创建store, createSlice 创建reducer的切片 import {createSlice } from " 阅读全文

posted @ 2024-04-08 17:42 jlyuan 阅读(27) 评论(0) 推荐(0) 编辑