无人机多任务寻径仿真软件与实验平台（4）

weixin_46243251

已于 2022-06-09 21:12:27 修改

阅读量189

点赞数

分类专栏：项目实训文章标签：前端

于 2022-06-09 02:23:07 首次发布

本文链接：https://blog.csdn.net/weixin_46243251/article/details/125195839

版权

本文介绍了Redux设计思想和基本使用，包括如何通过createStore创建store，利用action和dispatch更新state，以及reducer的运作原理。在实际项目中，Redux用于管理多个组件间共享的坐标点和路径数组状态，通过action-types定义操作类型，并在reducers中实现具体逻辑。

摘要由CSDN通过智能技术生成

Redux设计思想

Redux是将整个应用状态存储到一个地方，称为store，单一数据源里面保存一颗状态树state

派发dispatch行为action给store，当有dispatch行为时，会通知订阅者更新

下图是Redux流程

从图中看Redux的逻辑很简单，只能用dispatch通过派发action更新state，action派发后，内部有两个事情处理：一是要调用reducer更新state，二是触发之前订阅的事件执行。

Redux基本使用

1.createStore

用来创建store

import { createStore } from 'redux';
const defaultState = 0;
const reducer = (state = defaultState, action) => {  switch (action.type) {    
    case 'ADD':      
        return state + action.payload;    
    default:       
        return state;  }};
const store = createStore(reducer);