个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
25
4
我一直在阅读新的上下文 API，并且有一个关于将它与 HOC 一起使用来注入(inject) props 的问题，而不是直接包装每个需要访问某个状态的 child 。
在没有上下文的情况下，上述是不是可以实现的？难道不能只在 HOC 中放置一些状态并将其注入(inject)到需要访问的包装组件中吗？
最佳答案
这是可能的，但每个包装的组件都会有它自己的从 HOC 传递的数据。在使用上下文时，此数据在组件之间共享。
因此，在上下文中更改数据将使所有 Consumers 重新渲染，而 HOC 仅适用于包装的组件。
关于javascript - react 上下文 API 和 HOC，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49596328/
25
4
0
我有一个高阶组件，它使用 React Router 提供的 location.search Prop 来构造一个 queryParams 对象，并将其作为 Prop 传递给它的包装组件。 functi
当我从 tsx 文件导入 HOC 时，一切正常。但是当我将扩展名更改为 js 时，我看到一个 Jest 错误: Jest encountered an unexpected token. This u
我最近正在努力解决复杂的 HOC 问题，以及如何仅传递其中定义的新 Prop 而不是任何其他 Prop 。更准确地说，假设我的 HOC 使用其他 HOC 来扩展其属性，例如 const withSes
我的基本理解是 HOC 之类的连接(用于连接 redux 存储)和其他 HOC 在导出组件时应用于组件。 像这样 import React, { Component } from 'react'; i
我在创建简单的 HOC 时遇到问题，当没有查询参数时应该重定向到 404。否则，它应该只返回一个组件。 import React, { useState, useEffect } from 'reac
我有这个简单的高阶组件，它工作正常但它只接受一个组件: let VerticalSlider = (Komponent) => { return (props) => (
我想使用高阶组件向我的组件包装器添加样式。 Typescript 说 ComponentWithAdddedColors 有错误。 type Props = { bg?: string; }; f
在 Ansible 文档中，它的表述如下:- 也可以使用 --become-user 成为 root 以外的用户:$ ansible atlanta -a "/usr/bin/foo"-u 用户名 -
我正在研究无线 ad-hoc 网络中的邻居发现协议(protocol)。有许多协议(protocol)在发现阶段进行时仅依赖节点之间的信标消息。另一方面，还有其他方法试图在发现过程中传输更多信息(如节
这是我的父组件(Grid)，(这里我传递了更多 hoc 使用的 Prop ，但我在这里省略了它们): 这是表组件: export const QuickBooksTable = withIntegr
背景故事:我在一家开发和制造商业产品的公司工作，该产品在一个农场中可以拥有多达 100 多台专用 PC。 我们每年仅获得少数新客户。 我们开发了一款 iPod/iPhone 应用程序，可让我们向农场发
我刚刚开始在 React 中使用 HOC，让我有点困惑的一件事是，这个示例中的内部函数如何访问props 作为参数？ const withProps = Component => ( props
我尝试使用 HOC 模式而不是面向对象以避免冗余代码。 情况很简单，解释如下: 在主页中我有这样的内容: const WrappedComponent = Wrapper(Wrapped); 在包装
问题 让我们假设我有一个 SFC(我正在使用 TypeScript)并将其导出，如下所示: export const AppShell: React.SFC = (props: Props) => (
我正在构建这个 HOC Modal。 当我按下模态上的“Aplicar”按钮(TouchableItem:onPress)时，我需要访问 WrappedComponent 状态。 有什么办法可以做到这
我需要向所有我的React函数组件中添加添加[data-test-id]属性以进行测试的可能性。为了实现这一点，我创建了 withTestId() HOC，它将可选的 prop testId 添加到包
我刚刚开始在 React 中使用 HOC，让我有点困惑的一件事是，这个示例中的内部函数如何访问props 作为参数？ const withProps = Component => ( props
我是 .net 背景的新手，这里的问题是 HOC 与 OOPS 概念中的继承有何不同，它具有具有基属性的父类和扩展 Base 并使用 Base 类中的状态、属性和基方法的子类。 React组件中实现P
我正在尝试创建一个 HOC，使常规功能组件“可触摸”。 所以我有一个像这样的 HOC: const Touchable = (Component, handler) => { const T =
我刚刚检查了 React 中的 HOC。他们很酷。但是，简单地包装一个组件不就可以达到相同的结果吗？ 高阶组件 这个简单的 HOC 将状态作为属性传递给 CompositComponent const
我是一名优秀的程序员,十分优秀！