在HoC中调用React挂钩

文章/答案/技术大牛

发布

1回答

reactjs、react-native

我有一个HoC，它接受组件的集合，并将它们包装在一个div中，这使得它们基本上是可滑动的。代码在浏览器中运行良好，但jest测试失败，并且智能感知显示使用useEffect的警告 import React,{useEffect} from "react"; return <div>{components}<&#x

浏览 18提问于2020-02-02得票数 0

1回答

React -何时使用钩子，以及何时使用HOCs

javascript、reactjs、react-native

我们什么时候应该使用钩子而不是HOC，什么时候应该使用HOC而不是React中的挂钩？例如，我可以完美地使用一个钩子来管理身份验证状态，然后在组件中使用它……但我也可以有一个HOC，它管理身份验证状态并包装组件以使用它的逻辑。所以..。

浏览 1提问于2021-04-04得票数 1

1回答

Apollo graphql react hoc将查询作为属性函数传递

graphql、react-apollo、graphql-js

来自react apollo的graphql hoc有助于将组件与查询挂钩。这样查询将被执行，并且结果将在组件中作为prop可用。有没有一种方法可以不直接执行查询，而是将一个函数作为prop传递给该函数，该函数可以作为正常的函数调用在组件内执行。因为我有一个查询，需要在用户选择组件中的一些选项后执行。但是有没有办法通过帮助graphql hoc来使用它呢？因此组件代码不需要更改。

浏览 14提问于2019-09-25得票数 0

1回答

如何在不调用render函数的情况下访问Context的值？

javascript、reactjs、ecmascript-6

因此，我需要访问context的值，而不是将其作为呈现函数调用。{context => {return <Text>{context}</Text>}} );到目前为止，我有这样的想法：export const ThemeContext = React.createContext(0); export const ThemeProvid

浏览 1提问于2019-02-16得票数 0

1回答

我可以使用useState内部临时(高阶组件)吗？

reactjs、react-hooks、use-state、high-order-component

我想使用useState，但是我得到了以下错误消息： c

浏览 4提问于2021-06-07得票数 2

回答已采纳

3回答

将多个组件连接到React Redux存储区

reactjs、redux

export default connect(mapStateToProps, mapDispatchToProps)(App); 这很简单，当我按下一个按钮时，writeSomething就会被调用

浏览 22提问于2020-01-19得票数 0

1回答

HOC组件管理自己的状态，这使得包装的组件可以非常轻松地显示警告对话框。包装的组件只需调用传递给props的函数来显示它。包装的组件现在基本上可以调用this.props.onDisplayAlert('some message here');来显示警报了。包装的组件也不必在自己的呈现函数中呈现MyAlertDialogComponent。重用这个HOC可以节省很多代码行。如何将其更改为react hooks实现？我已经尝试过了，但是大多数文章和文

浏览 13提问于2019-05-29得票数 0

回答已采纳

1回答

同步redux-saga和react生命周期

reactjs、redux-saga

React组件有自己的生命周期(componentWillMount、componentDidMount等)，saga也有自己的生命周期(作为中间件运行)。有没有办法同步这两个生命周期？我认为当我们想要通过授权保护某些组件(在多个访问级别上)时，这可能是问题所在

浏览 1提问于2016-10-14得票数 0

2回答

如何在react的共享组件中访问材料主题？

reactjs、material-ui、react-material

我有两个react项目父项目和公共项目(包含像header，footer这样的公共组件)我们非常感谢您的建议。在2020年10月30日添加了以下更多详细信息import React from "react"; impo

浏览 1提问于2020-10-29得票数 1

1回答

React路由器两个URL参数&更多

reactjs、react-router、react-router-dom、react-router-v4

我使用了react-router-dom，它现在看起来是这样的： <Switch> component={Dashboards}</Switch> 当用户导航到此组件中的

浏览 27提问于2020-10-12得票数 0

回答已采纳

1回答

无法使用React测试库测试包含钩子的即席

reactjs、react-hooks、higher-order-functions、react-testing-library

以下是HOC的代码 const HOC = ({ component: Component }) => { const id = useQuery(querySomeOtherComponent prop1={'hello'} prop2={'world'} /> ) : ( <Component /> )} } } 下面是渲染HOC的测试： const m

浏览 6提问于2020-04-13得票数 0

1回答

react native和redux中的hoc组件？

javascript、reactjs、native

我想在请求Api调用的用户和我将每个组件传递到更高级别的组件中检查是否正在请求时显示微调器，否则不显示微调器//-------------HocComponent (return <component {...props} {...state}/>)}

浏览 0提问于2018-06-18得票数 0

2回答

无法读取未定义的属性parentNode

javascript、reactjs、google-analytics、react-ga

我用的是用谷歌分析追踪我的react中的react。我通过API调用获取跟踪id，大约4秒后返回。;问题是，初始化函数必须先调用，然后用未定义的方式调用，因为在开始时，trackid是未定义的(请记住，它是异步获取的)。;我用的是用谷歌分析追踪我的react中的react。我通过API调用获取跟踪id，大约4秒后返回。

浏览 0提问于2018-06-29得票数 0

2回答

React Router 4.获取活动路由

javascript、reactjs、react-router

我有代码import React from 'react';import history from './history';class Mai

浏览 0提问于2018-01-11得票数 3

回答已采纳

2回答

“withRouter”不是从“react-router-dom”中导出的

reactjs、react-router-dom

Attempted import error: 'withRouter' is not exported from 'react-router-dom'.我的代码喜欢，而且我已经安装了react-router-dom的react-route，现在我有10次重新输入应用程序 import React from 'react'; import {withRouter} from 'react-router-dom'

浏览 217提问于2021-11-11得票数 2

1回答

创建一个从服务器提供上下文数据的React HOC

reactjs、redux、higher-order-functions、higher-order-components

我想创建一个类似于react-router的HOC，它为组件提供一些上下文相关的数据。需要从服务器获取上下文数据。import React, { Component } from "react"; return, { Component } from 'react'; import { withSearchContext } from '..&#

浏览 2提问于2018-01-31得票数 0

回答已采纳

1回答