zoukankan      html  css  js  c++  java
  • 简述redux(1)

    简述redux(1)


    概念: 是一个有用的架构,应用场景一般为:多交互、多数据源。如:
    • 某个组件的状态需要共享
    • 某个状态需要在任何地方可以看到
    • 一个组件需要改变全局状态。
    • 一个组件需要改变另一个组件的状态
    设计思想
    1. Web 应用是一个状态机,视图与状态是一一对应的。
    2. 所有的状态,保存在一个对象里面。
    API
    • store:保存数据的地方,可以看成是一个容器,整个应用只有一个store,Redux提供了createStore函数,用于生成Store对象。

        import { createStore } from 'redux';
        const store = createStore(fn);
      
    • state:store度下你给包含所有数据,如果想得到某个时点的数据,就要对store生成快照,这种时点的数据集合就叫做State,当前时刻的state可以通过state.getState()拿到。

        import { createStore } from 'redux';
        const store = createStore(fn);
        
        const state = store.getState();
      
    • action:State 的变化,会导致 View 的变化。State 的变化必须是 View 导致的。Action 就是 View 发出的通知,表示 State 应该要发生变化了。Action 是一个对象。其中的type属性是必须的,表示 Action 的名称。

        const action = {
          type: 'ADD_TODO',
          payload: 'Learn Redux'
        };
      
    • Action Creator:生成多个action。

    • 基本概要图解
      这里写图片描述

    这里写图片描述

    • 待续
  • 相关阅读:
    洛谷 P1494 [国家集训队]小Z的袜子 /【模板】莫队
    洛谷 P2801 教主的魔法
    数据库三范式
    vi和vim三种常见模式
    linux目录结构的具体介绍
    Linux怎么用root用户登录
    虚拟机的网络连接的三种方式
    事务
    数据库存储引擎
    delete和truncate
  • 原文地址:https://www.cnblogs.com/yehui-mmd/p/7712230.html
Copyright © 2011-2022 走看看