为什么这段代码同时使用useMemo和createSelector？
这段代码同时使用useMemo和createSelector的目的是为了优化性能和提高代码的可维护性。
useMemo是React提供的一个钩子函数，用于缓存计算结果，避免重复计算。它接收一个依赖数组作为第二个参数，只有当依赖数组中的值发生变化时，才会重新计算并返回新的值。在这段代码中，使用useMemo可以缓存计算结果，避免不必要的重复计算。
createSelector是由Reselect库提供的一个函数，用于创建可记忆的选择器函数。选择器函数接收一个或多个输入选择器作为参数，并返回一个计算结果。当输入选择器的输入发生变化时，选择器函数会重新计算并返回新的结果。在这段代码中，使用createSelector可以创建一个可记忆的选择器函数，用于计算和返回特定的结果。
同时使用useMemo和createSelector的好处是可以将计算逻辑和组件逻辑分离，提高代码的可维护性。通过缓存计算结果和选择器函数的记忆特性，可以避免不必要的重复计算，提高性能。
在腾讯云的相关产品中，可以使用云函数SCF（Serverless Cloud Function）来实现类似的功能。云函数SCF是一种无服务器计算服务，可以根据实际需求动态分配计算资源，并自动弹性扩展。通过使用云函数SCF，可以将计算逻辑与前端或后端代码分离，提高代码的可维护性和性能。
更多关于腾讯云函数SCF的信息和产品介绍，可以参考腾讯云官方文档：云函数 SCF。
相关·内容
2回答
为什么这段代码同时使用useMemo和createSelector？
javascript、reactjs、redux、memoization
选择器在多个组件实例中使用并依赖于组件属性时的The React-Redux documentation provides this example。import React, { useMemo } from 'react'import { createSelectorspan>
浏览 38提问于2020-06-18得票数 6
1回答
redux :通过动态键选择/获取嵌套状态
redux、react-redux、reselect
selected: null, isSuccess: false,}
createSelector([s
浏览 18提问于2021-05-08得票数 0
2回答
为什么在另一个文件中使用createSelector函数会导致重呈现vs创建“内联”，两者都使用useMemo。
react-hooks、react-redux、redux-toolkit、rtk-query
我有一个使用RTK的应用程序，在从结果中选择值的文档中，在使用RTK查询的查询中，它们有一个使用createSelector和React.useMemo的示例。这是代码和
import { selectUserById } from '..createSelector，那么它可
浏览 16提问于2022-05-26得票数 0
1回答
如何使回忆录与useCallback()和Redux()一起工作？
redux、react-redux、redux-toolkit、memoization、usecallback
如果组件都将使用不同的参数调用选择器，则会中断回忆录--选择器不会在一行中多次看到相同的参数，因此永远无法返回缓存的值。这里的标准方法是在组件中创建一个回忆录选择器的唯一实例，然后将其与useSelector一起使用。这允许每个组件始终将相同的参数传递给它自己的选择器实例，并且该选择器可以正确地回传结果。对于函数组件，这通常是用useMemo或useCallback完成的：
import { useCallback } from "react";
import { useSelector
浏览 8提问于2022-06-06得票数 0
回答已采纳
2回答
如何管理一个接受带yield参数的选择器？
reactjs、redux、redux-saga、reselect、immer.js
我有一个React应用程序，其中我使用Redux和Redux-Saga并重新选择作为选择器库(使用Immer来处理Redux状态的不变性)。我个人倾向于避免yield select进入传奇，因为我希望保留中间件not depend on the Store's state，但我有带有yield select的传奇的遗留代码。下面是我必须编写的代码，以实现我的选择器，并将其调用到组件和传奇中。我从Reselec doc得到了选择器的实现。// selector
浏览 55提问于2021-11-09得票数 3
回答已采纳
1回答
与ownProps一起使用Reselectfor最佳实践？
reactjs、redux、react-redux、reselect
我的问题
export const selectSubLiveStream = createSelectorinfo */export const makeSelec
浏览 2提问于2021-02-24得票数 0
回答已采纳
2回答
不可变，为什么使用fromJS的嵌套对象不是不可变的？
javascript、reactjs、immutable.js、reselect
这就是为什么记录下一行很好的原因：// or 但是，当我尝试在重新选择时使用它时，这种方法不再起作用了：
import { createSelector } from 'reselect'
浏览 4提问于2016-11-29得票数 0
回答已采纳
1回答
在Redux中存储已过滤的数组
reactjs、react-redux、memoization、reselect
state.session.nodeHistory;然而，每当state.session.nodeHistory发生变化时，使用不确定我是否做错了什么，或者使用这种方法是不可能的。
浏览 0提问于2020-04-12得票数 1
1回答
在React Redux的useSelector中使用参数化的选择器(选择器工厂)
javascript、reactjs、redux、react-redux、reselect
.}) => parentSelector, // suppose it's declared before )现在，我们希望在React功能性组件中使用它，并且由于react reduxdependencies. const selectorResult = useSelec
浏览 6提问于2020-02-28得票数 1
1回答
如何根据选定的项目返回列表？
javascript、reactjs、mapreduce
我认为我可以使用reducer()来完成这个任务，但是我不知道如何去做。这是我输入的代码import React from "react";import { Button
浏览 1提问于2021-10-13得票数 1
回答已采纳
1回答
使用React hook useContext避免不必要的重新渲染
reactjs、react-redux、react-hooks、react-context
我想找到一种在使用useContext时避免不必要的重新渲染的方法。然后我有一个使用它的组件。我不希望计数器的每一个滴答都导致组件上的重新渲染。例如，我可能只想每10个刻度更新一次我的组件，或者我可能想要一些其他的组件随着每个刻度更新。我能想到的解决这个问题的最好方法是做一些事情，比如将我的Component包装在HOC中，它通过useContext使用count，然后将值作为道具传递给Component。
浏览 99提问于2020-04-14得票数 2
1回答
Redux减速器的查找
reactjs、redux
我知道，在这个特定的例子中，我可能会使用类似于重新选择的东西，但是假设我需要对产品减速器进行类别查找，我的选择是什么呢？
浏览 1提问于2016-11-13得票数 1
回答已采纳
2回答
我对传递给选择器函数的参数感到困惑，该函数在容器内使用了reselect
reactjs、redux、react-redux、reselect、mapstatetoprops
我正在学习reselect的用法，但我对在容器中使用带记忆的选择器的方式感到困惑。 total};
正如你所看到的，这段代码使用了3个选择器selectTipAmount，selectSubtotal和selectTo
浏览 3提问于2021-05-20得票数 2
1回答
使用useMemo()来优化本应不使用useMemo ()的代码的示例是什么？
reactjs、react-hooks
在react的Hooks中，有人建议未来的API实现可能会选择忘记已记忆的值，并且在使用useMemo()进行优化之前，代码应该工作。我的问题是，在没有useMemo()的情况下，代码工作的好例子是什么?如果useMemo忘记了记忆的值，那么useMemo在useMemo中的性能会更好，并继续工作吗？
浏览 1提问于2019-12-06得票数 1
回答已采纳
3回答
使用useMemo更新呈现期间的状态
reactjs、render、react-hooks、memoization
在呈现期间设置状态时，可以使用useMemo来避免额外的引用等式检查代码/vars吗？示例:在呈现期间使用useMemo和setState从这个中提取 let [isScrolling, setIsScrolling] = useState(false);
() => {
&#x
浏览 1提问于2019-09-25得票数 12
回答已采纳
1回答
未使用useState挂钩设置状态| ReactJS
reactjs、redux、react-hooks
我有一个在responseArray中存储API response的组件，我正在使用这个responseArray通过钩子初始化matchFundResults状态。接下来，我尝试使用matchFundResults作为依赖项来运行useEffect，但是matchFundResults总是为空，而我在responseArray中有值。这个问题应该如何解决？
浏览 9提问于2021-02-25得票数 1
回答已采纳
1回答
为什么在这个@ngrx效果示例中需要集合reducer？
ngrx、ngrx-effects、ngrx-store
示例中使用了四个缩减程序，即(1)图书(2)集合(3)布局和(4)搜索。我不明白为什么这里需要collection reducer，因为books reducer已经在add或remove操作之后反映了集合的状态。我看到使用collection reducer来跟踪loading和loaded状态。
查看使用getBookCollection创建的书籍的最终状态。在添加或删除之后，getBookEntities会反映集合的状态，因此不必使用collection redu
浏览 15提问于2017-06-22得票数 0
1回答
使用redux store.subscribe运行React功能组件
reactjs、redux、react-redux
考虑下面在react中编写的代码(也包括redux)store.subscribe(App);
export default function
浏览 41提问于2021-03-12得票数 1
2回答
取消提交如何重置状态，以便在一段时间后调用该函数。
reactjs、react-hooks、lodash
如何使其使当按钮单击停止一秒后，_debounce函数显示铭文按钮点击结束？现在的结果是，如果您一直单击，则该函数将一直工作并累积。
import "./styles.css";
const [count, setCount] = useState(0);
useEffect(() =
浏览 5提问于2022-08-25得票数 0
回答已采纳
1回答
为什么createSelector会在这个简单的例子中出错？
reactjs、typescript、redux、react-redux、reselect
import { createSelector } from 'redux-starter-kit'
return todos我已经使用库reselect创建了我遇到的问题的最简单的再现在我的Typescript代码中，我在getTodos参数的createSel
浏览 2提问于2019-10-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
