React中利用redux

手机软件开发 · 2024-9-25 07:43:49

要将store注入到组件当中，必须用<rovider store={store对象}></Provider>标签将组件包裹
<rovider></Provider>组件引入自"react-redux"核心包

import { Provider } from 'react-redux';import store from './store/index'; <

rovider store={store}> <App /> </Provider>2."react-redux"核心包为我们提供的钩子函数

①useSelector(state => {}) 用来抓取store中存储的state数据
1.此中形参state获取的是全部切片中的state聚集
2.函数中通过返回 state.name (name为store中各切片的属性名)，来提取各切片数据
3.此时，调用useSelector()函数会返回回调函数中的返回值，用一个变量吸取该对象即可

const student = useSelector(state => state.student) console.log(student.age);

②useDispatch()获取派发器对象，此钩子函数无需传参

import { useDispatch } from "react-redux";const dispatch = useDispatch()引入切片页面中袒露的action创建器(比方setName、setAge等)，然后作为调用dispatch时的参数即可
import { setName,setAge } from "./store"; const nameHandler = () => { dispatch(setName({name:'杨玉蝉'})) }

React中利用redux

所属分类: 问答交流

新帖推荐: 30日

推荐作品