web前端全系列 教程
1839个小节阅读:2243.1k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
接下来我们按步骤来实现一个完整的Redux数据流的流程,首先,我们需要创建一个仓库
安装项目必需品
xxxxxxxxxx
npm install --save @reduxjs/toolkit
npm install --save react-redux
应用的所有状态-数据存储在一称之为Store的对象中,一般一个应用当中我们只需要定义这么一个Store对象就可以了,应用中的所有组件都可以访问这棵Store数中的数据状态
可以使用Redux Toolkit
这个工具去创建应用的Store。创建的时候要传入 reducer
xxxxxxxxxx
import { configureStore } from "@reduxjs/toolkit"
const store = configureStore({ reducer })
export default store
从Store中获取数据状态
调用Store对象的getState()
方法可以获取当前数据状态
xxxxxxxxxx
import { configureStore } from '@reduxjs/toolkit'
const store = configureStore({ reducer: counterReducer })
// 调用store的getState(),返回store里面的state
console.log(store.getState())
实时效果反馈
1. 下列说法错误的是:
A Store
用来存储应用的数据状态
B 创建Store
的时候要传入reducer
C 应用中一般有一个Store
对象
D 使用getStates()
从Store中获取数据状态
答案
1=>D