从React Hooks FAQ中，我们了解到钩子可以替换HOCs并呈现返回/呈现单个组件的道具。 我试图更好地理解这一点，以及为什么这是一个事实。让我们先来看看HOC： HOC是一个函数，它将组件作为参数，将其包装在周围的逻辑中，如效果和状态，并返回一个新的组件。自定义钩子到底是如何取代它的呢？我们仍然需要用其他逻辑包装输入函数的函数。查看渲染道具： 呈现道具是我们作为道具</e
浏览 8提问于2019-06-03得票数 7
回答已采纳
到目前为止，我们习惯于通过道具将数据输入组件的Flux flow。因此，您可以查看Props签名，了解组件要求。钩子是一个令人惊叹的功能，但当我们过渡到它们时，我发现它们提供了另一个依赖项的入口，这很难管理，因为你必须查看实际的组件代码才能看到它。当然，我们只能在容器组件中使用钩子，但我觉得它们的一些主要卖点是它们减少嵌套和即席的能力。
决定哪个组件应该使用钩子，哪个应该使用渲染道具的最佳实践(目前)是什么？
浏览 0提问于2018-11-20得票数 14
我有一个现有的应用程序，它使用React中的高阶组件。我猜你可以通过使用渲染道具来继续/改进HOC，但是现在使用React自定义钩子，我认为这可能是最好的方法。在读取React文档时，所有自定义钩子示例都在其示例中使用状态。在不使用state的情况下，我是否可以/是否应该使用自定义钩子来替换HOC？如果是这样的话，谁能给我举个例子？
浏览 1提问于2019-09-03得票数 2
特别是，这两种模式是否在根本上是等价的(不管实现是什么)，如果不是，实现是否完全支持使用HOCs中的钩子。
干杯!
浏览 1提问于2019-10-11得票数 0
1回答
我错误地写了两个版本的HOC实现，但它没有抛给我任何错误并按预期工作，所以我希望有人能向我解释其中的区别。Component {}
下面是我的requireAuthimport { connect } from 'react-redux';
export default
浏览 0提问于2018-08-12得票数 0
回答已采纳
1回答
如何动态呈现反应子组件？现在看起来就像这个和它的工作一样。 {(ExampleCustomFields || []).map((e: { CustomComponent: 'Text' | 'TextArea'
if (e?.CustomCo
浏览 3提问于2022-05-21得票数 0
回答已采纳
条带具有react- Stripe -elements，它提供injectStripe HOC。我们是在2019年，HOC不再酷了。Stripe看起来并不着急，我认为这是因为他们想要支持React的旧版本，所以他们只考虑最低公分母的解决方案。我正在寻找一种通过钩子(而不是injectStripe提供的道具)获取stripe的方法。useStripe钩子？stripe应该与使用injectStripe钩子时得到的相同
GH上的相关问题：
浏览 12提问于2019-07-30得票数 5
2回答
在这个例子中，下面是专案的代码；import React, { useState } from 'react';
function
浏览 2提问于2020-12-31得票数 2
1回答
我的基本理解是，像connect (用于连接redux store)之类的HOC和其他HOC在导出组件时会应用到该组件。像这样import './App.css';
import myHoc from '.相同的组件可以从存储或从道具中提取道具，这将是父组件的责任，以检查在组件上应用哪个HOC的内容。我知道我
浏览 1提问于2017-07-25得票数 1
我一直在使用react和redux，每次我在ComponentDidMount中调用一些rest api，我可以用它设置一个状态，并将该状态传递给我的孩子，或者更改该状态并使用它。但我关心的是，我如何不渲染它，而是以某种状态存储它，玩它，然后将它传递给孩子。我在apollo中遇到了这种链接状态，但不能清楚地理解它的基本功能？如何解决状态管理和处理由来自apollo数据设置的状态的问题。我真的遗漏了 data:(some api data )
)}
浏览 0提问于2019-05-27得票数 0
3回答
你能解释一下这条线是什么吗？道具和{...props}是做什么的？
<Route exact path='/' render={props => <Home {...props} />} />
浏览 0提问于2018-11-04得票数 2
1回答
我想开发一个新的功能，它以前会生活在一个更高阶的组件中，使用钩子。然而，由于根据React Documentation “您不能在类组件中使用Hooks，但您绝对可以在单个树中使用Hooks来混合类和函数组件。”return function cleanup() { };};
// HOC，但是我仍然能够在不返回类组件的组件函数中使用钩子。
浏览 12提问于2019-02-23得票数 10
回答已采纳
1回答
高阶组件看不到道具
、、、、
我将react与react-native和redux一起使用。错误来自redux存储的组件。在那之后，我收到了:渲染没有返回任何东西。这通常意味着缺少返回语句。为什么hoc看不到道具？ 我的组件： import React, { Component } from 'react'; error: ppm.error
export defaul
浏览 14提问于2019-02-22得票数 1
我有一个高阶函数： 这应该是一个基于一些道具的渲染，我在条件句中使用这些道具来渲染我的元素。</a></Link>} 它是从*Parent class Component那里得到道具的，它是从redux商店获得这些道具的。所以我做了一些挖掘，找到了这个关于在HOC中应该使用的方法的post。我的问题是，它应该去哪里？ 我真的想过这样的事情，但没有成功...从‘react’导入React</em
浏览 10提问于2019-10-16得票数 1
这样做的目的是减少额外的重新渲染，以提高性能，通常在所有正常用例中都是如此，特别是，假设这个“子组件”是一个包含多级嵌套组件的组件。主要组件(HOC)： return ( <div>
<B><C/><&#x
浏览 0提问于2019-11-20得票数 1
1回答
我读过许多关于类型记录、特制和功能组件的文章，取代了基于类的组件。但我仍在为这件事而挣扎。import React, {ComponentType
浏览 5提问于2022-04-28得票数 0
1回答
我正在学习react，并研究了用于共享功能的三种常见模式，即HOCs、呈现道具和钩子。对于一个计算点击次数的简单按钮，我想出了以下与计数器功能共享的方法：export const withCounter = Component => propsconst updateCount = () => { };};
然
浏览 0提问于2020-04-12得票数 2
回答已采纳
您是有意使用React.forwardRef()吗？Controller 检查的渲染方法export const SelectCompanyField = () => {
// const [page, setPage] = useState
浏览 5提问于2021-05-13得票数 2
我理解useSelector钩子的好处是避免包装器地狱。包装器地狱是由于使用connect HOC而发生的。如果由于性能原因，我们必须使用React.memo HOC和useSelector，那么简单地使用connect HOC会更好吗？因为在任何情况下，我们都必须在、wrappers、中。如果不是connect的话，那么它就是React.memo的了。
任何一个人都请解释React.memo相对于connect的好处。
浏览 0提问于2019-06-11得票数 13
回答已采纳
云服务器
ICP备案
实时音视频
对象存储
云直播
腾讯云开发者
