我应该在哪里计算react-redux应用程序中的派生数据？
在React-Redux应用程序中，派生数据应该在Redux的reducer中计算。Redux是一个用于管理应用程序状态的JavaScript库，它使用单一的全局状态树来存储应用程序的数据。在Redux中，reducer是一个纯函数，它接收先前的状态和一个action作为参数，并返回一个新的状态。
派生数据是指从应用程序的状态中计算出来的数据，而不是直接存储在状态中。在React-Redux中，可以使用reselect库来计算派生数据。reselect提供了一个createSelector函数，它接收一个或多个输入选择器和一个转换函数作为参数。输入选择器从状态中选择需要计算的数据，转换函数将输入选择器的结果作为参数，并返回派生数据。
使用reselect计算派生数据的好处是，它可以缓存计算结果，只有在输入选择器的结果发生变化时才重新计算。这样可以提高性能，避免不必要的计算。
在腾讯云中，可以使用云函数SCF（Serverless Cloud Function）来计算派生数据。云函数是一种无服务器计算服务，可以在云端运行代码，无需关心服务器的配置和管理。使用云函数可以将派生数据的计算逻辑放在云端，减轻前端和后端的负担。
推荐的腾讯云产品：云函数SCF（Serverless Cloud Function）
相关·内容
2回答
使用状态道具和选择器一起反应Native Redux
reactjs、react-native、redux、react-redux、reselect
在我的react原生redux应用程序中，在我的mapStateToProps函数中，我需要组合一些来自状态的元素和一些使用reselect创建的选择器。
基本上，我有两件事：
const mapStateToProps = (state) => ({
storedUserName: state.user.name,
isUserLoggedIn: state.user.isLoggedIn,
})
const mapStateToProps = createStructuredSelector({
email: emailSelector,
userData:
浏览 0提问于2020-10-23得票数 0
2回答
为什么在呈现React中的列表项时，在脚本上花费这么多时间？(性能优化)
reactjs、redux、react-redux、electron、google-chrome-devtools
我一直在努力提高我的反应应用程序(特别是电子)的性能，它使用react-redux和reselect。我有一个父组件(网格)，它使用useSelector从redux存储中获取一些数据，并为数组中的每个项呈现一个子组件(网格中的行)。我们还有一个过滤器功能，所以我们对产品数据数组进行了一些转换。类似于这样的东西：
const data = useDataSelector(
"all",
categoryId || EVERYTHING_CATEGORY_ID
);
const location = useLocation();
const [filtered
浏览 7提问于2022-01-28得票数 0
回答已采纳
2回答
在react-native中用createStructuredSelector替换useSelector
reactjs、react-native、redux、reselect
我在我的react-native项目中使用了重新选择库。我有以下代码。 import { createSelector } from 'reselect';
import { ApplicationState } from 'types/reducer.types';
const selectAuth = ({ auth }: ApplicationState) => auth;
export const selectFirstName = createSelector([selectAuth], auth => auth.user?.fir
浏览 35提问于2020-11-05得票数 0
回答已采纳
1回答
在Redux reducer中转换数据
reactjs、redux、reducers
看起来我想错了方向..我有一个使用redux的react应用程序。现在我有了一个从服务器获取数据的reducer。对于一个组件，我需要转换数据，这是我想在reducer中完成的。
但是如果我转换数据，所有订阅者的数据都会转换，不是吗？那么，有没有可能在reducer中动态转换数据，但不将转换后的数据保存在状态中？(好吧，这听起来像是一个愚蠢的问题。)
浏览 5提问于2016-01-25得票数 2
2回答
反应-重选性能
performance、reactjs、redux、react-redux、reselect
在redux应用程序中使用reselect时，我有一个关于性能的问题。
Reselect用作回忆录层，用于缓存为性能而进行的计算，但是如果不需要进行任何计算/逻辑操作，怎么办？
对单个数据使用选择器更具有性能，还是应该只使用标准连接方法？
浏览 1提问于2017-05-03得票数 5
回答已采纳
2回答
使用React和Redux对来自API的特定日期结果进行分页
javascript、reactjs、react-native、redux、react-redux
我想使用Redux在我的React应用程序中显示一些新闻。
问题是，我希望显示单个日期的新闻，并希望对新闻进行分页。
在我的API中打印
{
pagination: {
count: 1000,
size: 10,
page: 1,
pages: 100
},
news: [
..
]
}
我知道如何进行简单的分页，但我不知道如果我想要在我的应用程序中显示不同日期的新闻，API应该如何工作。
到目前为止(没有日期)，我只是在Redux reducer中保存了一个状态news和pagination，然后检查页数是否等于总页数，以确定是否应该
浏览 2提问于2017-09-15得票数 12
2回答
为什么这段代码同时使用useMemo和createSelector？
javascript、reactjs、redux、memoization
选择器在多个组件实例中使用并依赖于组件属性时的The React-Redux documentation provides this example。 import React, { useMemo } from 'react'
import { useSelector } from 'react-redux'
import { createSelector } from 'reselect'
const makeNumOfTodosWithIsDoneSelector = () =>
createSelector(
sta
浏览 38提问于2020-06-18得票数 6
2回答
我对传递给选择器函数的参数感到困惑，该函数在容器内使用了reselect
reactjs、redux、react-redux、reselect、mapstatetoprops
我正在学习reselect的用法，但我对在容器中使用带记忆的选择器的方式感到困惑。
我有一个叫做Summary的组件，它收到了3个道具，那就是subtotal, tipAmount , total。
看起来像是这个export const Summary = ({ subtotal = 0, tipAmount = 0, total = 0 })=>{...}.And，那些道具被注入到一个专用的container中，我用下面的代码调用了它SummaryContainer。
import { connect } from 'react-redux';
import { Su
浏览 3提问于2021-05-20得票数 2
1回答
使用redux的不可变表to (toJS和fromJS)的正确方法
javascript、reactjs、redux、immutable.js
我想知道这是否是将immutable.js与redux和reselect (也是redux-saga)结合使用的正确方法。具体来说，我想知道toJS()和fromJS()，以及在哪里使用它们。我的想法是：
我在向传奇发送数据时使用toJS()。
我没有在还原器中使用 fromJS()，因为我认为它是通过使用fromJS() for initialState这一事实来完成的。还是我弄错了？
我在来自toJS()的选择器中使用reselect，所以我可以在react组件中使用js数据。
示例：
( 1)在我的反应部分中，我做：
// mapDispatchToProps
浏览 0提问于2018-11-07得票数 2
回答已采纳
1回答
重新选择，我将计算派生数据逻辑放在哪里？
reactjs、redux、react-redux、reselect
最近，我开始学习reselect，并尝试将它应用到我的项目中。
但是，我怀疑应该将计算派生数据的代码放在哪里。
下面是我的代码片段，我想我把formatDate calcDayLeftFromNow setDeriveData逻辑放到了reducer中也会很好。
我做的派生数据计算在我的reducer中也会很好。
如果我这样做，似乎没有理由使用reselect。
function formatDate(millisecond) {
let d = new Date(millisecond);
let dateArr = [d.getFullYear(), d.getMonth() +
浏览 4提问于2017-01-06得票数 1
回答已采纳
1回答
如何将Reselect + Redux应用程序集成？
javascript、reactjs、redux、react-redux、reselect
我正在实现React + Redux应用程序，并发现了将Reselect集成到我的应用程序中的困难；
下面是我的密码
store.js
import "regenerator-runtime/runtime";
import { createStore, applyMiddleware } from 'redux';
import createSagaMiddleware from 'redux-saga';
import { createLogger } from 'redux-logger';
impor
浏览 0提问于2018-08-14得票数 0
回答已采纳
2回答
对比redux reselect与lodash /下划线记忆...？
redux、underscore.js、lodash、memoization、reselect
我想知道是否有人可以比较和对比redux reselect lib和lodash memoize之间的差异...？
浏览 1提问于2017-01-22得票数 7
1回答
Redux状态的嵌套对象是可用的，但在组件中不可访问
reactjs、redux、react-redux
在这里输入代码，我将通过我的app.js文件中的提供者包装器向我的整个react应用程序提供。
除了“当前配置文件”之外，我没有问题访问任何其他状态。
下面是组件：
import React, { Fragment, useEffect } from "react";
import PropTypes from "prop-types";
import { connect } from "react-redux";
import { loadTargetProfiles, loadCurrentProfile } from "../.
浏览 1提问于2020-06-12得票数 2
回答已采纳
3回答
将道具传递给主组件
javascript、reactjs、redux
我仍然对React / Redux构建中的数据流感到非常困惑。当我在我的应用程序中工作时，我是相当舒服的，但我不知道如何将数据从服务器传递到我的应用程序？
我使用了article#main-content元素，这是我的应用程序的基本元素，我有Reactiveapp.php文件。我想传递一些产品的元素信息。
我该怎么做？
我想让article#main-content支持productName，但我不知道如何从react中访问它。
我猜是从减速机..。但是怎么做呢？也许我不应该对article#main-content和传递变量在$_GET参数中做出反应？
react-app.php
<l
浏览 5提问于2016-07-31得票数 0
回答已采纳
1回答
我是redux的新手，无法从mapStatetoProps函数获取数据
reactjs、redux、react-props
我有一个diches.js，其中包含我希望在maincomponent.js中使用的数据列表。我编写了这个reducer.js来接收数据列表 import { DISHES } from '../shared/dishes'; // deux l'un pour sortir de ce fichier et l'autre pour sortir de ce dossier
import { COMMENTS } from '../shared/comments';
import { PROMOTIONS } from '../sha
浏览 41提问于2020-11-30得票数 0
回答已采纳
2回答
重新选择createSelector问题
javascript、reactjs、react-native、redux、reselect
尝试使用Redux的重选库，如下所示：
// selectors.js
import { createSelector } from "reselect";
const loggedIn = state => {
return state.language.loggedIn;
};
export const loggedInSelector = createSelector(loggedIn);
用法如下：
import React from "react";
import { connect } from "react-redux"
浏览 1提问于2018-07-12得票数 0
4回答
从mapStateToProps调用状态更改函数
javascript、reactjs、react-redux
对于redux，我是新手，我很惊讶地看到一个例子，在这个例子中，函数是getVisiblieTodos，在mapStateToProps中被调用。这个函数应该在还原器中调用，因为它改变了状态？为了简洁起见，代码是否打破了“好形式”？一般这样做可以吗？
我正在看这个的代码
import { connect } from 'react-redux'
import { toggleTodo } from '../actions'
import TodoList from '../components/TodoList'
const getVisibl
浏览 8提问于2017-11-17得票数 2
回答已采纳
1回答
添加Redux状态值
reactjs、redux、react-redux
我正在尝试将两个独立的价格合并为一个总价格。我存储了两个单独的价格状态，并使用独立的缩减程序正确地进行了更新，但我需要一种方法来将这两个动态值组合成第三个总价格状态。
import React, {useState} from "react";
import { useSelector, useDispatch } from "react-redux";
const planPrice = useSelector(state => state.planPrice);
const repairPrice = useSelector(state =>
浏览 1提问于2020-12-17得票数 1
1回答
使用react-redux获取另一个reducer的状态
javascript、reactjs、react-redux
我想知道，在一个减速器中，是否有可能得到另一个减速器的状态。我正在使用react-redux：
import * as reducers from "./client/components/reducers";
const reducer = combineReducers({
...reducers,
routing : routerReducer,
});
const store = createStore(
reducer,
DevTools.instrument()
);
我有两个reducers :钱包和操作。当我添加/更新操作时，我想计算我
浏览 0提问于2016-11-20得票数 1
1回答
React Redux不更新文本输入onChange
reactjs、typescript、redux、react-redux
我见过类似的问题，但它们似乎没有帮助。我有一个React项目，我正在实现redux。 我的index.js如下： import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter } from "react-router-dom";
import { createStore } from "redux";
import { Provider } from "react-redux";
import reduce
浏览 12提问于2019-10-01得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
