如何在react/redux应用程序中重用函数？
在React/Redux应用程序中重用函数可以通过以下几种方式实现：
- 使用React Hooks：React Hooks是React 16.8版本引入的新特性，它允许我们在函数组件中使用状态和其他React特性。可以将需要重用的函数定义为自定义Hook，然后在多个组件中使用。自定义Hook是以"use"开头的函数，可以在其中定义和使用状态、副作用和其他逻辑。例如，可以创建一个名为"useFetchData"的自定义Hook，用于在多个组件中重用数据获取逻辑。
- 使用高阶组件（Higher-Order Components）：高阶组件是一个函数，接受一个组件作为参数，并返回一个新的组件。可以将需要重用的函数封装为一个高阶组件，然后在多个组件中使用该高阶组件。高阶组件可以在包装组件中注入额外的功能或状态，并将其传递给被包装的组件。例如，可以创建一个名为"withDataFetching"的高阶组件，用于在多个组件中重用数据获取逻辑。
- 使用React Context：React Context是一种用于在组件树中共享数据的机制。可以将需要重用的函数定义为一个Context，并在多个组件中使用该Context。通过在Context中提供函数的实现，可以在任何需要的组件中访问和重用该函数。例如，可以创建一个名为"DataFetchingContext"的Context，将数据获取函数作为其值，并在多个组件中使用该Context。
- 使用Redux的中间件：如果需要在多个Redux组件中重用函数，可以将函数封装为Redux的中间件。中间件是Redux的扩展机制，可以在action被发起和reducer处理之间执行额外的逻辑。通过创建一个自定义的中间件，并在其中实现需要重用的函数逻辑，可以在多个Redux组件中使用该中间件。
需要注意的是，以上方法都可以在React/Redux应用程序中实现函数的重用，具体选择哪种方式取决于具体的需求和场景。在实际开发中，可以根据项目的规模和复杂度选择最合适的方法来重用函数。
相关·内容
3回答
Reactjs:直接Firebase连接与Firebase Redux存储
reactjs、firebase、react-redux、react-redux-firebase
通过直接连接访问Firebase与通过Redux在商店中使用Firebase是一个好主意吗？这里有一些示例代码来演示如何实现直接的防火墙连接，并将其用于查询组件中的数据：class App extends React.Component {
super();this.setState({orders})
浏览 10提问于2018-01-03得票数 2
回答已采纳
1回答
需要帮助了解react redux应用程序的流程
reactjs、redux
上了Udemy“现代反应和Redux”的课程，仍然不太清楚数据流是如何流动的……请建议如何学习Reactjs和Redux，哪些资源是最好的基础知识？如何在reactjs中开始编程？
浏览 4提问于2017-09-10得票数 0
1回答
在没有安装Redux的情况下，React应用程序中可以从Redux的核心原则中获益吗？
javascript、reactjs、redux、react-redux
在中，"Redux可以用三个基本原则来描述:真理的单一来源，状态是只读的，更改是用纯函数进行的。“
作为一个相对较新的反应者，在评估学习Redux的必要性的过程中，我感到困惑，因为这些原则似乎已经存在于React中，或者仅仅通过采用约定就可以在反应中实现。React状态已经是不可变的，因此听起来这个原则已经被React完全捕捉到了。我看到Redux文档提到了“微妙的竞争条件”，但我在<em
浏览 4提问于2020-05-24得票数 0
1回答
从React导航V4升级到V5 redux集成
react-native、redux、react-redux、react-navigation
目前我正在尝试将react导航从V4升级到V5，但我遇到了一个障碍，我不知道如何在router.js中修改末尾的代码，或者在ReduxNavigation.js和Reducers/NavigationReducer.js这在V5中是可能的吗？getActionForPathAndParams，我找不到类似的函数)
const { router": "
浏览 1提问于2021-03-02得票数 0
1回答
是否可以从vanilla javascript导入和使用redux组件？
javascript、reactjs、redux
我有两个应用程序，其中一个是用html和css用vanilla编写的。另一个是react + redux应用程序。在我的普通javascript应用程序中导入和使用我的redux + redux应用程序中的组件，而不引入对redux和redux的依赖是可能的吗？
浏览 1提问于2019-05-20得票数 0
回答已采纳
2回答
Jest模拟useSelector在覆盖率报告中显示为未经测试的
reactjs、testing、redux、jestjs
import React from 'react';
describe('Individual Investor', () => {const useSelectorMock = jest.spyOn(<
浏览 12提问于2022-01-26得票数 0
1回答
如何在react/redux应用程序中重用函数？
javascript、reactjs、ecmascript-6
<Link button="secondary" > </Link>save = (page) => () => { this.props.savePage(page);
this.props.toggleSaving
浏览 4提问于2018-01-06得票数 0
回答已采纳
1回答
如何在常规HTML页面中引用React组件
reactjs、redux
我已经创建了一个带有index.html的React应用程序，如下所示：<!DOCTYPE html!/components/App'import configureStore from './redux/configureStore'
<Provider store={configureSto
浏览 0提问于2017-06-01得票数 3
1回答
我们是否应该全球化一个反应应用程序的所有状态？
reactjs、redux
在使用redux时，我有一个关于状态管理的问题。Redux的主要目的是使组件的状态全球化，以便应用程序中的每个组件都可以读取和更新该状态。我的问题是:当我们编写React/Redux应用程序时，我们应该使用哪种设计模式？来定义Redux存储中的每个状态？还是只定义Redux存储中其他组件需要读取的状态，其余的将封装在它们的相关组件中？现在，组件的可重用性
浏览 4提问于2022-05-17得票数 1
回答已采纳
1回答
React:根据请求的路由(ExpressJS)呈现内容(视图)
node.js、express、view、reactjs、routing
我最近开始学习React，并尝试制作一个简单的博客应用程序。我存储数据(张贴内容，评论等)在MongoDB中，我希望按照路由呈现内容，例如，当我有某个URL (如/blog/:username)时，我会从数据库中提取数据，然后用数据内容呈现视图。使用Express，我现在使用静态html文件( express.static)作为视图，但这使得无法按照请求的路径呈现内容，例如：使用模板引擎(如Jade )
浏览 2提问于2016-03-13得票数 1
回答已采纳
2回答
反应中的角服务
reactjs、react-native
我们如何在React中实现角的“服务”概念？例如，我想做以下几点：
这在角度上非常容易使用服务，并将该服务注入到任何需要访问数据的组件中
浏览 0提问于2018-10-01得票数 7
2回答
如何使用类型记录在类中获取redux存储或redux分派-- react组件
reactjs、typescript、redux
假设我定义了hooks.ts：import/store/factorySlice/factorySlice" const {selectedRelease} = useAppSelector
浏览 2提问于2022-07-26得票数 0
回答已采纳
2回答
如何不使用Redux传递道具？
javascript、reactjs、redux、react-redux
我刚刚了解到，我们可以使用redux降低react项目的复杂性。使用单一的真理源(存储)，我们不需要将状态传递给不需要它们的组件。我很难理解这句话。 AC Bimport React, {
浏览 0提问于2019-10-12得票数 0
回答已采纳
2回答
Redux:有什么聪明的方法可以避免为助手文件导入存储库的反模式吗？
react-native、redux、react-redux、firebase-cloud-messaging、react-android
我目前正在使用Redux、状态管理和Firebase消息构建一个ReactiveNative应用程序，用于实时通信。import firebase from 'react-native-firebase';import type { RemoteMessage} from 'react-native-firebase
浏览 2提问于2018-09-24得票数 0
回答已采纳
2回答
在ReactDOM.render之前更新redux-store (...)
reactjs、redux
有没有办法在ReactDOM.render之前更新Redux存储(...)是否已运行？我正在使用React组件制作一个API，该API在另一个应用程序中与另一个框架Dojo一起使用。因此，在API中，我重用了redux存储，因为即使通过ReactDOM.unmountComponentAtNode(...)卸载React组件，它也不会从内存/内存中删除。如果我没有重用存储，而是在每次React</e
浏览 15提问于2020-05-22得票数 0
4回答
为connect()找到一个用例
reactjs、react-native、redux、react-redux
注意:我使用的是React本机，但这也适用于Reactjs。我只通过设计使用无状态功能组件。我希望尽可能多地学习和使用函数式编程。这是否意味着我永远不能使用来自react-redux的react-redux？我应该在我的应用程序设计中添加更多的容器组件吗？我开始尝试为上面的组件创建这些函数： return state.get('height&
浏览 4提问于2017-03-22得票数 0
回答已采纳
1回答
如何在reactjs中访问另一个组件的函数？
javascript、reactjs
我是个新手，在我试图创建的应用程序中遇到了一个问题。我有三个组件。因此，在主组件中，我获取数据并将数据发送到进度栏组件，当进度栏加载时，我希望访问另一个组件的函数。如何访问其他组件的功能？ProgressBar max={100} /> );我要从中访问函数的组件
浏览 6提问于2019-11-27得票数 1
2回答
如何将列表从一个组件共享到另一个组件？
reactjs
App.jsx模块：import './App.css';import Conduct from '., {Component} from 'react';
浏览 5提问于2021-01-20得票数 1
1回答
如何从功能组件中调用类组件
javascript、reactjs、axios、interceptor
在这里，我希望在axios拦截器响应中请求失败时显示一个模式窗口(这是类组件)。谁能告诉我如何在下面的代码中调用Modals类而不是警报。//axios interceptor import axios from 'axios';/components/modalAlerts/modalalerts';
浏览 1提问于2018-10-04得票数 0
2回答
有没有办法在Nodejs中从Reactjs提交html表单？
node.js、reactjs
我在reactjs中集成paytm支付服务，我有一个请求，在nodejs的html文件中，我想从react提交表单，就像在react原生中我们有一个类似"WebView“的选项，这样通过使用内置属性"injectedJavaScript示例(在react原生中)： source={{uri: ""}}/
浏览 25提问于2019-10-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
