Redux在状态改变(reducer)中调用组件函数？
Redux是一个用于管理JavaScript应用程序状态的开源库。它通过一个单一的全局状态树来管理应用程序的状态，并使用纯函数来处理状态的变化。在Redux中，状态的变化通过调用一个叫做reducer的函数来处理。
reducer是一个纯函数，它接收当前的状态和一个描述状态变化的动作(action)作为参数，并返回一个新的状态。在reducer中，我们可以根据动作的类型来决定如何更新状态。当状态发生改变时，Redux会自动通知应用程序中的组件进行更新。
在Redux中，组件可以通过使用connect函数来连接到Redux的状态树，并订阅状态的变化。当状态发生改变时，Redux会自动调用组件的相关函数，以便更新组件的视图。
通过在reducer中调用组件函数，我们可以实现在状态改变时触发组件的特定行为。这可以用于更新组件的视图、执行一些副作用操作，或者触发其他相关的动作。
总结一下，Redux在状态改变(reducer)中调用组件函数是为了实现状态变化时的组件更新和其他相关行为的触发。
关于Redux的更多信息和使用方法，你可以参考腾讯云的文档和相关产品：
- Redux官方文档：https://redux.js.org/
- 腾讯云云开发：https://cloud.tencent.com/product/tcb
相关·内容
4回答
我有多个模态注册，并与它有问题。我总共有三个动作。首先是注册按钮，然后激活第一个注册模式，以便在google或facebook上注册，然后在完成模式之后，提供商无法收集的其他信息将与预先填写的输入一起显示。我在渲染应用程序时渲染了两个通道，并且仅在单击注册按钮时才显示它。我需要在完成facebook或google登录后调用componentDidMount，但它是在应用程序首次启动时呈现通道时调用的。按下动作减速键和减速键，改变bool类型的状态，是否显示模式。
class HeaderRegisterButton extends Component {
render() {
浏览 0提问于2017-02-21得票数 7
2回答
部分重绘是如何工作的？
javascript、reactjs、redux、react-redux
这个问题是关于用Redux进行部分再渲染的内部部件。
为了解释我的意思，我将首先介绍一种非常粗糙的技术来管理状态，而不使用任何状态管理语言。该技术使用了一个巨大的"AppState"-object，它属于顶级应用程序组件。假设这个AppState不仅包含状态属性，而且还保存了几个使这些状态属性发生变异的回调。此外，假设我们使用道具在整个组件层次结构中传递这个AppState。由于ES6扩展语法，不需要大量样板代码就可以传递大量的支持。在顶级应用程序组件中，它将如下所示：
<ChildComponent {...this.state} />
在所有其他组件中，它将如下
浏览 6提问于2020-04-10得票数 0
2回答
即使我们只需要在react-redux中渲染一个组件，所有组件也会被渲染
reactjs、react-native、rendering、redux、react-redux
我不确定这是默认行为还是redux或其他什么，但我发现在调度一个动作时，这个动作会遍历所有的reducer (这没问题)，但它也会调用每个reducer的连接侦听器，从而进一步渲染其组件。这意味着在每次调度时，应用程序状态树中的所有组件都会被呈现。这是redux故意做的，还是我做错了什么。帮我弄清楚这件事。
浏览 0提问于2016-07-05得票数 2
3回答
有没有办法从减速器的动作中得到回报？(在反应中-本地人)
reactjs、react-native、redux
我正在用React开发一个应用程序--本地的。
我有一个处于redux状态的数据数组。我会说它是用户的数组。
我想选择一个用户，并从还原状态直接获取他的数据。
但我无法从还原器的动作中得到返回值。访问存储并使用getState()似乎不是一个好方法。首先，很难访问位于根组件中的“存储”实例。
我有什么选择？
注意:我已经知道我可以添加另一个像'pickedUser‘这样的状态，并按操作设置它。但我想知道是否有另一种直接获得国家地位的方法。
我正在寻找类似于调用一个操作并获得返回值的东西。
浏览 5提问于2018-01-08得票数 5
回答已采纳
1回答
使用redux-thunk / redux -可观察到的redux回调
javascript、reactjs、redux、redux-thunk、redux-observable
我正在学习redux是如何工作的，但是做简单的事情需要大量的代码。例如，我想在显示之前从服务器加载一些数据。由于编辑的原因，我不能简单地使用传入的道具，但我必须将道具数据复制到本地状态。
据我所知，我必须发送一个Fetch_request操作。如果成功，fetch_success操作将用新项更新存储区。然后，更新的项将导致组件的呈现功能更新。
在组件中
componentWillMount() {
this.props.FETCH_REQUEST(this.props.match.params.id);
}
...
在行动中
export function FETCH_REQUEST(id
浏览 2提问于2017-10-07得票数 2
回答已采纳
3回答
不使用突变直接突变Vuex状态
vue.js、redux、vuex
我是为react/redux to vue而来的，在学习vuex的过程中，我发现我可以直接改变状态，状态的改变仍然反映在使用它的其他组件上。
这种行为在Redux中是被禁止的，如果我直接改变状态，其他组件将不会收到这些改变的通知，所以我们必须使用动作和缩减程序。
所有这些方法基本上都提供了相同的结果。
methods: {
IncrementDirect () {
// mutates the state directly
this.$store.state.counter += 2;
},
incrementDispatch() {
浏览 0提问于2021-06-29得票数 1
2回答
：操作分派，返回结果
reactjs、react-native、redux、react-redux、redux-thunk
在redux中，当一个动作被分派时，还原器将相应地改变状态，调用该动作的组件也可以访问该状态(由提供者通过道具传递)。我说的对吗？
状态是访问组件中操作结果的唯一方法吗？(调用该操作的组件)。
如何将回调函数传递给操作，并使用此函数将结果发送回组件？
浏览 0提问于2017-02-01得票数 1
回答已采纳
1回答
React Redux连接组件在状态更改后不会更新
javascript、reactjs、redux、react-redux
我在试着使用React Redux。有一种情况是，一个连接组件(Coordinates.jsx)嵌套在另一个连接组件(Canvas.jsx)中。
源代码 (纱线安装，然后纱线开始)
在父组件Canvas.jsx中，我在中分派了一个动作，该动作可以永久地改变状态。
Canvas.jsx
componentDidMount() { this.props.addCanvasSize(windowWidth, windowHeight)
}
问题是，在更改状态后，子组件Coordinates.jsx没有更新，console.log显示未定义的。
Coordinates.jsx
compone
浏览 1提问于2017-05-24得票数 1
回答已采纳
1回答
在Redux reducer中转换数据
reactjs、redux、reducers
看起来我想错了方向..我有一个使用redux的react应用程序。现在我有了一个从服务器获取数据的reducer。对于一个组件，我需要转换数据，这是我想在reducer中完成的。
但是如果我转换数据，所有订阅者的数据都会转换，不是吗？那么，有没有可能在reducer中动态转换数据，但不将转换后的数据保存在状态中？(好吧，这听起来像是一个愚蠢的问题。)
浏览 5提问于2016-01-25得票数 2
4回答
为什么reducer必须返回新状态？
redux
为什么reducer必须返回新状态，.Why不能返回更新状态的原因是什么？这是我们必须遵循的模式吗?另外，请让我知道ngrx和redux是完全不同的吗？
浏览 1提问于2019-03-14得票数 1
4回答
对失败和成功的反应来说，什么是好的？
javascript、react-native、react-redux
我有一个关于redux的问题。
现在，我正在根据开发我的移动应用程序。
本教程说，您必须创建每个函数3个动作，所以我为登录函数创建了3个操作，如下所示：
requestSignIn
requestSignInSuccess
requestSignInFailure
然而，我不明白应用程序应该从哪里调用他们。
现在，在我的应用程序中，这个应用程序在requestSignInSuccess和requestSignInFailure中调用requestSignIn。
这是我的行动守则：
export const REQUEST_SIGN_IN = 'REQUEST_SIGN_IN';
浏览 5提问于2019-11-09得票数 4
回答已采纳
1回答
如何在Redux上订阅combineReducer ()？
react-native、redux、react-redux-form
我在Redux和redux上使用redux。我使用combinereducers()来组合两个reducer：
const reducers = combineReducers({
sessiontype,
userdata
})
现在我订阅了我的reducers中的一些更改：
store.subscribe((state, previousState) => {
//Do something
});
如何只订阅我的userdata reducer？因为当我改变会话类型reducer的状态时，我需要改变我的userdata reducer的状态(这
浏览 2提问于2017-10-23得票数 0
1回答
子组件不是从父组件的状态更改重新呈现，而是从另一个父组件重新呈现？
javascript、reactjs、redux、react-redux、state
我有一个子组件PostItem，它将来自redux状态的post对象作为支柱：
const PostItem = ({
post: { _id, text, name, avatar, user, likes}, //from redux state
//...
}) => {
//...
const handleLike = e => {
likePost(_id); //ACTION
};
return (
<Fragment>
<div className=&
浏览 1提问于2020-03-16得票数 0
1回答
向组件中注入redux状态，重呈现
reactjs、redux、react-redux
在redux文件中：
它说要将完整的状态注入到连接的组件中，这会扼杀性能，因为组件会在每个动作上重新呈现。
现在我想知道为什么。默认的严格相等的areStatesEqual函数和默认的浅层相等的areStatePropsEqual函数不会至少捕捉到状态没有改变的情况吗？或者，文档是否假设，状态可能在每个动作上都会发生变化？
浏览 3提问于2017-05-29得票数 0
回答已采纳
1回答
在包含reducers中调用封装的操作创建器
encapsulation、redux
我有一个封装的组件，它有自己的缩减程序和动作创建器(都是纯同步的)。在包含reducer的组件中，我要求组件获取其reducer来处理封装状态。
通常，组件将它自己的操作向上传递给父组件，然后父组件调度一个新的操作，该操作通过将组件操作发送到它自己的reducer来处理该状态。
如果我想让外部(对组件)操作影响组件状态，在包含的reducer中要求并调用组件的纯操作创建者，然后传递给组件的reducer，这是否合理？这些操作不会被分派，只是创建并直接传递给适当的reducer。
编辑2016-03-21：
再看一遍，我认为这个问题太过基于意见，没有一个有用的答案；至少在Redux文档本身表达意
浏览 1提问于2016-03-18得票数 0
2回答
从后端获取更新或更新redux
reactjs、redux
想象一下React应用程序，你可以在侧边栏中列出你的朋友。该网站使用Redux来存储好友的状态。如果用户添加了一个新的朋友到他的列表，我必须发送一个帖子到后端，以保存它。 问题是，我应该如何更新侧边栏中的好友列表？ 在post之后，我应该发出GET请求并将响应添加到Redux，还是应该直接使用数据并将其添加到Redux，从而删除额外的GET调用？
浏览 35提问于2019-01-12得票数 0
回答已采纳
1回答
如何正确处理删除操作？
reactjs、redux、react-redux、redux-thunk
我正在寻找如何正确处理删除操作的最佳实践。
例如，我的reducer中有一组照片。并且其中一个特征是能够选择要删除的它们。我已经决定存储在react状态中选择的项。我存储ID数组。
因此，在删除操作之后，我必须从redux存储中删除照片，并在react状态下清除选定的数组。
我的建议是在promise上订阅，然后做一些如下的事情：
this.props.deletePhotos(selected)
.then(() => {
this.setState({ selected: [] })
})
.catch((err) => {
console.log(err)
}
浏览 1提问于2018-04-12得票数 0
3回答
浅层属性比较对连接的组件是如何工作的？
reactjs、react-native、redux、react-redux
根据redux的文档，reducer总是给出一个新的状态副本。在一个连接的组件中，react-redux对mapStateToProps中提到的属性进行了简单的比较(旧的和新的属性)。
我的困惑是，因为redux总是提供状态的新副本，所以react-redux所做的浅层比较应该总是给出false，并且组件应该总是重新呈现。但这并没有发生。
有人能解释一下我错过了什么吗？
我认为在mapStateToProp中读取的所有属性都是对象。
浏览 0提问于2019-05-19得票数 4
2回答
React组件有时呈现两次不改变的状态。
javascript、reactjs、use-effect、use-state
我正在使用Redux订阅存储和更新组件。
这是一个没有Redux的简化示例。它使用一个模拟商店来订阅和发送。
请按照下面的步骤来重现问题。
编辑：请跳过Update下的第二个演示片段，以获得更简洁和更接近真实场景的内容。问题不是关于Redux。它是关于React的setState函数标识，即使状态没有改变，也会在某些情况下导致重呈现。
编辑2：在“更新2”下添加了更简洁的演示。
const {useState, useEffect} = React;
let counter = 0;
const createStore = () => {
const listeners = [
浏览 1提问于2020-03-27得票数 7
回答已采纳
3回答
使用异步操作解析响应还原和初始化道具
javascript、reactjs、redux
我正在学习redux和practices，在道具初始化的良好实践方面，我遇到了一个小问题。
实际上，我的路线如下所示：
/pokemons/:name
下面是相关的部分：
import React from 'react';
import {connect} from 'react-redux';
import {showDetail} from './../../redux/modules/pokemons';
export class PokeDetail extends React.Component{
render(){
浏览 2提问于2016-04-15得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
