访问自定义挂钩中的Redux选择器值
涉及到前端开发、后端开发、前端框架、状态管理、Redux、自定义挂钩等知识。下面我将为您详细解答。
概念： 自定义挂钩（Custom Hook）是React中的一个概念，它可以让我们在函数组件中复用一些逻辑。通过使用自定义挂钩，我们可以将逻辑封装在一个函数中，然后在多个组件中共享这个函数，从而提高代码的重用性和可维护性。
Redux选择器（Redux Selector）是在Redux中用于从状态树中选择特定数据的函数。选择器通常用于获取组件所需的状态数据，避免直接访问整个状态树，使得状态管理更加灵活和高效。
分类： 自定义挂钩可以根据具体的功能进行分类，例如表单处理、数据请求、状态管理等。
优势： 使用自定义挂钩可以实现逻辑的复用，提高代码的可维护性和可读性。同时，通过自定义挂钩，我们可以将逻辑与组件进行解耦，使得组件更加专注于界面的呈现，逻辑更加清晰。
应用场景： 在React项目中，当我们需要在多个组件中复用一些逻辑时，可以考虑使用自定义挂钩。对于Redux选择器，它适用于需要从Redux状态树中获取特定数据的场景，例如获取用户信息、获取购物车列表等。
腾讯云相关产品推荐： 腾讯云提供了一系列与云计算和前端开发相关的产品，以下是一些推荐的产品及其介绍链接地址：
- 云服务器（CVM）：腾讯云提供的弹性计算服务，可以帮助您快速构建和部署应用程序。详细介绍可参考：https://cloud.tencent.com/product/cvm
- 云存储（COS）：腾讯云的对象存储服务，适用于存储和管理大规模数据。详细介绍可参考：https://cloud.tencent.com/product/cos
- 云原生容器服务（TKE）：腾讯云提供的容器化解决方案，可帮助您快速构建、部署和管理容器化应用程序。详细介绍可参考：https://cloud.tencent.com/product/tke
- 人工智能机器学习平台（AI Lab）：腾讯云提供的人工智能开发平台，支持图像识别、自然语言处理、机器学习等功能。详细介绍可参考：https://cloud.tencent.com/product/ailab
总结： 自定义挂钩是React中的一个概念，用于实现逻辑的复用和组件的解耦。Redux选择器是从状态树中选择特定数据的函数。在访问自定义挂钩中的Redux选择器值时，我们可以通过自定义挂钩封装逻辑，使用Redux选择器获取所需数据。腾讯云提供了多个与云计算和前端开发相关的产品，可以帮助开发者构建和部署应用程序。
相关·内容
1回答
我正在编写我的第一个钩子，我也使用了redux。我在React native中监听来自移动设备的方向传感器数据，当它更新时，我会在将其发送到redux状态进行存储之前对其进行过滤，以查看新值是否与旧值不同。我注意到在filterData方法中，数据总是为空的。但是，如果我通过控制台将storedVal记录到渲染中，我会看到它总是在更新，而且在Redux store中也会更新。但是由于某些原因，filterData只能访问初始值
浏览 8提问于2021-11-10得票数 0
我必须用内部状态绑定自定义datepicker组件： selectedDate: null,};{input: {value: "10-10-2010"} }
如您所见，我的自定义组件将不会反映这个新值，因为它
浏览 0提问于2019-08-21得票数 1
回答已采纳
1回答
我想要创建一个具有特定getter和一个键(即语言)的对象。基于语言，键获取器应该返回不同的值。它用于自定义语言选择器选项。"Home" : "Ui" } }export const setLang = lang => ({ langlang存储在redux但是我不知道如何访问对象内部的redux存储。有什么建议吗？
浏览 1提问于2018-08-06得票数 0
我正在阅读一个涉及redux-saga的代码库，.I刚刚开始使用redux-saga，我看到有许多处于saga.js see状态的实例已经被拉出。put({ response:data
} 我有点困惑，因为这个状态是如何在这个saga.js .I中被拉出来的，我强烈地感觉到我在某个地方缺乏一些理解，因为我不明白状态是如何在saga.js中被拉出来的。
浏览 28提问于2019-03-11得票数 0
回答已采纳
在我当前的应用程序中，对于我的web应用程序中的所有redux表单，anyTouched属性已经存在于redux存储中。我想在redux存储中存储所有这些表单的dirty prop，这样我就可以在web应用程序的其他部分访问它，比如导航栏。 我已经尝试过isDirty选择器。它显示的是空值。根据选择器的文档，可以在应用程序的任何
浏览 17提问于2019-09-14得票数 0
我正在开发一个不需要用户注册的应用程序。这意味着用户可以访问应用程序的内容，即使他们没有注册。我有一个抽屉领航员，像下面这张照片：
堆栈导航器的代码： const { state } = useContext(AuthContextt('Start Evaluation')} component={EvaluationsStack} />
<
浏览 18提问于2022-01-07得票数 0
1回答
选择器中的访问响应路由器状态
、、、、
我正在将我的应用程序状态的一部分从商店移到URL。
我目前正在使用redux来管理我的应用程序的状态和来创建选择器。选择器计算来自redux存储中的状态的派生值(原则上，这是它们的唯一输入)。现在，状态的一部分将包含在URL中，所以我不知道如何阅读它。我看过，乍一看，它可能是解决方案(实际上，我可以使用state.routing.locationBeforeTra
浏览 0提问于2016-09-21得票数 7
回答已采纳
我想知道当Redux上的状态发生变化时，哪些组件正在重新呈现。我们使用更改状态值的整个"App“组件
浏览 5提问于2022-10-02得票数 0
回答已采纳
我有一个React/Redux类组件，我正在将其转换为一个功能组件。
以前，它有一个componentDidMount回调，它为自定义事件添加了一个事件侦听器，该事件是从应用程序的其他地方发出的。但是，这显然会导致选择器值周围的陈旧闭包。一种可行的解决方案是将它作为依赖项传递给选择器--但是，这会导致每次选择器的值发生变化时都会删除/重新添加监听器，这不是很好。
浏览 16提问于2022-02-26得票数 2
回答已采纳
我读了一些关于这个话题的文章，但没有帮助。我觉得我的问题有点不同import React, { useEffect } from 'react';import{ useSelector } from 'react-redux';
import store from '../..我知道我的问题在setTodosState，，但我解决不了
浏览 0提问于2021-08-12得票数 1
回答已采纳
我一直在尝试从容器组件中的formReducer获取一个值。 enableReinitialize: true,)(Form)
另一个是它的容器，这是我想要访问formReducer的地方。PostEditor: state.form}
export defau
浏览 7提问于2017-12-26得票数 0
回答已采纳
3回答
我想使用reselect和redux-form从redux获取值。问题是我不知道如何把getFormValues和reselect结合起来。我似乎无法访问createSelector中的状态。所以我想不出在重新选择中使用redux-form的选择器的方法。// How to access the state here?const getFoo = createSelector( (bar) =&
浏览 43提问于2018-03-06得票数 6
回答已采纳
1回答
嗨，我创建了一个redux自定义中间件，并试图调用从./utils/api.js文件中定义和导出的apiUrl contstant值。但是得到这个错误 export const apiUrl = window.apiUrl || `${window.location.origin}/api`;
redux-custom-middleware
浏览 3提问于2021-07-30得票数 0
回答已采纳
1回答
用redux形式反应日选择器
、、、、
我需要使反应日选择组件与redux形式兼容。我知道这不是绝对正确的，但对我目前的项目来说，这是一种束缚。但我很难做到。我使用了react日期选择器，使其与这种方式兼容：import { PropTypes } from 'prop-types'; intl: intlShape.isRequired
export default inj
浏览 0提问于2017-05-07得票数 1
回答已采纳
我的问题是如何启用、禁用基于redux异步验证失败或传递子组件的父组件中的submit按钮。另外，我如何捕获验证失败的redux状态，并设置要发送给父级的支柱，以及如何将此支柱发送给父级。子组件上有一个redux表单，父组件也连接到redux存储区。是否已经有任何指针或示例应用程序可供参考？任何指针都会受到赏识。
浏览 7提问于2022-08-25得票数 0
回答已采纳
1回答
如何在反应样板中使用重选
、、、
我正在使用react-boilerplate我看了这个，我非常喜欢它，我相信我对我应该在哪里使用选择器有一个清晰的理解。所以，视频中说的是，当我们想要组合两个或更多的redux状态时，我们应该使用选择器，这样就有一个合并状态(如果我错了，请始终纠正我)。考虑到这个定义，我有以下问题，
在使用样板时，我是否应该使用选择器，即使我不需要组合两个或更多的状态？se
浏览 3提问于2017-04-14得票数 0
这是我的选择器，我可以在选择器中获取数据，但是不知道如何将它调用到视图(组件)中，错误
帮帮我..。
浏览 2提问于2017-03-21得票数 4
回答已采纳
我用的是休息管理。我为用户数据编辑页面做了一个自定义工具栏。如何在此工具栏中访问用户数据？
浏览 0提问于2018-11-12得票数 1
回答已采纳
1回答
使用，如何从非响应文件访问商店？
、、、、
使用Redux，我尝试访问一个值的“存储”，特别是“用户名”，我已经为它创建了一个“片段”，它来自一个名为SomeFile.js的无反应文件。import { useSelector } from "react-redux";
export const displayUsername =当我试图通过"useS
浏览 5提问于2022-01-11得票数 7
回答已采纳
我在最新的wordpress中有最新的Redux框架。如果我复制了redux示例选项，并将其精简为一个复选框选项，它就能工作。如果然后添加一个媒体选择器字段，并使用媒体选择器选择或添加图像，wordpress将崩溃并转储一个redux选项数组。
现在，当我尝试浏览WP管理页面时，我得到的只是一个redux选项的数组转储。如果清除所有cookie，并从WP options表中删除redux选项，则仍然
浏览 2提问于2014-05-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
