xiao_feng

react

app(1) TS(1) vue(2) webpack(3) 小技巧(2) 小程序(3) 面试题(1)

/ 注册

全部文章 / react （共8篇）

原生redux架构

reducers actions index(store) // todo.js import produce from 'immer' import { TODO_ADD,TODO_STATUS,TODO_DEL,TODO_EDIT } from '../actions' const init...

HTML/CSS/JavaScript Javascript Node Javascript V8

2021-12-24

0 285

ali系状态管理总览

dva // store import { getUserList } from '../services/user' export default { namespace:'user', state: { userList:[] }, ...

HTML/CSS/JavaScript Javascript Node Javascript V8

2021-12-18

1 362

react 国际化

组件库的国际化 import { ConfigProvider } from 'antd' // 引入语言包 import zhCN from 'antd/lib/locale/zh_CN'; import enUS from 'antd/lib/locale/en_US'; const langs...

HTML/CSS/JavaScript Javascript Node Javascript V8

2021-12-13

0 587

@reduxjs/toolkit 小结（二）

1.reducers(user.js) // 依赖 import { createAsyncThunk, createSlice, PayloadAction } from '@reduxjs/toolkit'; // 一些api方法 import { fetchLogin, fetchUserI...

HTML/CSS/JavaScript Javascript Node Javascript V8

2021-12-11

0 790

@reduxjs/toolkit 小结

redux 架构 1、创建传统的react+redux架构环境 create-react-app react-admin 自行安装redux、redux-thunk、react-redux、immer并设计架构（不支持TS） 2、创建react+redux的TS环境 create-react-ap...

HTML/CSS/JavaScript Javascript Node

2021-12-06

0 628

自定义封装connect、useDispatch、useSelector

import React, { useState, useEffect, useReducer } from 'react' import { ReactReduxContext } from 'react-redux' import store from '@/store' // store.ge...

HTML/CSS/JavaScript Javascript Node Javascript V8

2021-11-29

1 442

mobx/mobx-react 初探

Mbox是react中的状态管理，通过透明式的函数响应式编程使得状态管理变得简单和可扩展下载mobx npm install mobx mobx-react 在src下新建store目录 modules 为子store模块 index.js 入口文件 // 子store im...

HTML/CSS/JavaScript Javascript Node Javascript V8

2021-11-25

0 314

react路由

react-router:实现了路由的核心功能 react-router-dom:基于react-router，加入了在浏览器运行环境下的一些功能(Link、BrowserRouter、HashRouter组件) react-router-native: 基于react-router，类似r...

HTML/CSS/JavaScript Javascript Node Javascript V8

2021-11-23

1 286