[Redux/Mobx] 举例说明怎么在redux中定义action？

最新推荐文章于 2025-05-12 22:37:50 发布

前端小歌谣

最新推荐文章于 2025-05-12 22:37:50 发布

阅读量338

点赞数

CC 4.0 BY-SA版权

分类专栏： # 前端面试题Redux/Mobx 文章标签： react.js 前端 reactjs

本文链接：https://blog.csdn.net/weixin_43392489/article/details/121607667

前端面试题Redux/Mobx 专栏收录该内容

30 篇文章

订阅专栏

[Redux/Mobx] 举例说明怎么在redux中定义action？

利用actionCreator

// 用户选择需要显示的subreddit

export const SELECT_SUBREDDIT = 'SELECT_SUBREDDIT'

export function selectSubreddit(subreddit) {
    return {
        type: SELECT_SUBREDDIT,
        subreddit
    }
}

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端小歌谣

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

Redux中的actions

一路斜阳的专栏

02-23

2834

介绍redux中的actions。

redux action

qq_45429539的博客

03-03

739

Action Action 是把数据从应用传到 store 的有效载荷。它是 store 数据的唯一来源。一般来说你会通过 store.dispatch() 将 action 传到 store。添加新 todo 任务的 action 是这样的： const ADD_TODO = 'ADD_TODO' { type: ADD_TODO, text: 'Build my first Redux app' } Action 本质上是 JavaScript 普通对象。我们约定，action 内必须使用

参与评论您还未登录，请先登录后发表或查看评论

如何理解Redux中的action

cooker_666的博客

12-12

746

例子1: const { createStore } = Redux; function couter(state = 0, action) { switch (action.type) { case "add": return state + 1; ...

redux action的使用

lee727n的博客

09-29

1969

继续上次的教程，还是先看图：这次我们完成对reducer的修改，然后更新dom，文件目录结构如下首先监听数据的改变，写好input组件的onchange方法 <Input value={this.state.inputValue} placeholder='todo info' style={{width: '300px', marginRight: '10px'}} onChange={this.handleInpu

Redux概念之三: Action(动作)与Action Creator(动作创建器)

weixin_34033624的博客

01-24

451

这两个是Flux架构中的参与成员，Redux中有说明Action的定义: Actions(动作)是从你的应用送往store(存储)的信息负载你可能会一直在Action(动作)这里看到payload这个字词，它是负载或有效数据的意思，这个字词的意思解说你可以看一下，不难理解: Payload用在计算机科学的意思，是指在数据传输时的"有效数...

Redux/Mobx面试题汇总

歌谣的博客

12-01

1363

[Redux/Mobx] redux和flux的区别是什么？ [Redux/Mobx] 在redux中，什么是store？

[Redux/Mobx] 在Redux中怎么发起网络请求？

歌谣的博客

11-30

790

[react] 在Redux中怎么发起网络请求？如果单纯的使用Redux，因为redux的actionCreator返回一个plain object，所以不能在actionCreator中发起网络请求；reducer是一个纯函数，不能有副作用，所以也不能有异步的操作；如果需要在Redux中发起网络请求，就要借助中间件；如下： react-thunk: 这个中间件可以处理dispatch一个function,即可以在actionCreator中返回一个函数签命是(dispatch, getState).

React.js与Redux/Mobx构建响应式界面教程

Redux和Mobx是React的状态管理库，它们可以帮助管理应用程序中的状态。LESS和SCSS是CSS的预处理器，它们允许开发者使用类似CSS的语法编写样式，但增加了变量、混入、嵌套等特性来提高CSS的可维护性和复用性。本资源...

Redux和Mobx的区别是什么？

最新发布

Code365

05-12

842

Redux 和 MobX 是 React 生态中两种主流的状态管理库，它们在设计理念、实现方式和适用场景上有显著差异。在实际项目中，也可以根据需求混合使用两者，例如用 Redux 管理全局状态，用 MobX 处理局部组件状态。

前端跨平台状态管理终极方案：Redux还是MobX？

AI架构全栈开发实战笔记

04-30

719

在前端跨平台开发中，随着应用复杂度的增加，状态管理变得愈发重要。合理的状态管理可以提高代码的可维护性、可测试性和性能。Redux和MobX是目前前端领域广泛使用的两种状态管理解决方案。本文旨在深入比较Redux和MobX，探讨它们在前端跨平台状态管理中的优缺点、适用场景等，帮助开发者根据项目需求选择最合适的状态管理方案。本文首先介绍Redux和MobX的核心概念与联系，包括它们的原理和架构。

轻松掌握Redux-Action使用方法

weixin_34399060的博客

07-23

361

轻松掌握Redux-Action使用方法 Redux-Action主要有两个方法，createAction和createAction,只要掌握了这两个方法就会了redux-action的使用。 createAction 原来创建action: const startAction = () => ({ type: START }); ...

react 框架redux 使用教程

前端~锋小张

04-28

1542

从浅及深，一步一步学习 react 概念：管理数据源 action ：是一个对象，根据type用来描述state发生了怎么样的变化， action：redux将每一个修改state的动作定义为一个action,需要更改state,则需要发送一个action reducer：就是根据 action的type类型来操作 state store：就是保存整个数据的地方，只能有一个store ...

redux中，初步理解state，action , reducer到底怎么串在一起的

pk142536的博客

08-01

5334

作为初级学者的一些想法学习redux的时候总感觉查不到最符合心意的帖子，其实我只想先把最基本的逻辑跑通了，知道全局的state在哪里，在组件中怎么dispatch一个action，组建中怎么读取store 的state，需要引入什么文件之类的。目前了解的内容（代码就是举个例子，写的比较随便） 1.写anction export const func1 = data =&gt; ({ ...

redux中action的学习

weixin_42262889的博客

06-17

868

Action 是把数据从应用（译者注：这里之所以不叫 view 是因为这些数据有可能是服务器响应，用户输入或其它非 view 的数据）传到 store 的有效载荷。它是 store 数据的唯一来源。一般来说你会通过 store.dispatch() 将 action 传到 store。 Action 本质上是 JavaScript 普通对象。我们约定，action 内必须使用一个字符串类型的 t...

redux中如何让一个action的方法触发另一个action的方法

EmotionComputer

05-12

1665

一定要用dispatch包裹，否则不会触发方法return dispatch => {}的代码通过dispatch()将想要触发的方法包裹起来，dispatch检测到方法就会执行它 export default handleGet (data) { return dispatch => { axios.get(list).then() ... } } export default handlePost (data) { return d

Redux 核心概念 action creator

zengxingX的博客

12-14

564

action 在 store 文件夹里创建 actions 文件夹使用函数来创建 action，通过传参把不一样的数据传递过去就好了，我们把这个创建 action 的函数叫做 actionCreator 返回一个 action 对象 export const increment = (payload) => ({ type: 'INCREMENT', payload, }) export const decrement = (payload) => ({ ...

Mobx使用详解

风雨无阻，执着追求!!!

07-15

7223

Mobx是一个功能强大，上手非常容易的状态管理工具。就连redux的作者也曾经向大家推荐过它，在不少情况下你的确可以使用Mobx来替代掉redux。本教程旨在介绍其用法及概念，并重点介绍其与React的搭配使用。先来看看最基本的用法。 observable和autorun import { observable, autorun } from 'mobx'; const value

2.Mobx实现步骤

树袋熊的博客

05-27

389

Mobx实现步骤分两步初始化mobx 然后连接react

Mobx-action

CrystalLee

09-11

3676

action 用法： action(fn) action(name, fn) @action classMethod @action(name) classMethod @action boundClassMethod = (args) => { body } @action(name) boundClassMethod = (args) => { body } acti...