问题标签 [react-hoc]

我有下面的代码片段，只是想知道除了将组件传递给之外withGroupInput，我们还有另一种方法可以将它GroupedInputWithLabel与不同的组件一起使用吗？谢谢

我有以下内容：

由于某种原因：cellRenderer: ({ value }) => additionalProps.languages[value] ?? value，返回value而不是状态值additionalProps.languages[value]，调试后我意识到 HOC 在状态初始化之前渲染。
我能解决这个问题吗？
谢谢。

更新：

这是 'withMaterialTable' HOC 定义：

我正在尝试将redux-auth-wrapper集成到基于打字稿的 React 项目中。但是，当我尝试在任何地方使用 auth HOC 包装的组件时出现错误。我认为身份验证相关的道具将由身份验证 HOC 注入，但它要求我提供它们。

错误

当我尝试使用使用 HOC 包装的 SubServiceOverview 组件时，错误发生在我的 Routes 文件中。文件如下。

reduxAuth.ts

SubServiceOverview.tsx

从此文件中引发错误。如果我在组件道具中传递 SubServiceOverview，那么错误就会消失。

路线.tsx

2个组件：- ClickCounter，mouseHoverCounter！1 HOC 组件来做计数工作。

早些时候，我通过在每个组件（cliccounter，mousehovecounter）中编写单独的计数器方法来计算单击和鼠标悬停，但是现在，我试图将组件传递到 hoc 计数器并仅通过一次更改来获取新组件，其中我m 将道具传递给 originalComponent 并返回它以查看行为，但它现在正在工作......

在 App.js 中，我正在返回

仅此而已！

想知道是否有一种在 React 中反复抽象出地图的好方法。我一直在思考 HOC 或钩子的思路，但坦率地说，我对这是否可能有点茫然。这是我的简化设置，在整个项目中重复了数十次：

这种抽象工作有一定的限制。一方面，组件SomeComponent不是硬编码的，而是由来自 cms 的数据决定的，因此const Component = ADAPTORS[block.component]. 其次，根组件 ( SomeComponentMap) 的意图需要保持可读性，因此不能选择诸如组件包装器之类的组件<Map content={data} map={SomeComponentMap} />。

上述设置有效，但它为我的设置添加了第三层，即page → componentMap → dataAdaptor → representationalComponent

将数据动态传递给 HOC，这应该不在每次初始化都不应该发生的组件之外......这会导致在更新时重新渲染相同的模板

试图将 DefaultLayout 组件设置为初始状态值。它抛出无法解构未定义的属性子项。

如果我将 DefaultLayout 组件包装在 React.memo 中，它可以正常工作，即导出默认 React.memo(DefaultLayout)

任何人都可以解释这种行为的原因。

请找到沙盒链接

https://codesandbox.io/s/autumn-firefly-qp5gh?file=/pages/index.js

布局.js

appComponentConfig.js

DefaultLayout.js

_app.js

嗨，我收到此错误：

尝试使用<PopUpWrapper>in时InfoIcon.tsx，我猜它来自输入错误，withPortal.tsx但我尝试了很多东西并没有让错误消失......你知道如何解决这个问题吗？

文件：

withPortal.tsx

PopUpWrapper.tsx

信息图标.tsx

我想知道我们如何在同一个导出中使用 Redux Connect 和 Customized HOC。例如，我们有组件“TestComponent”和 HOC“WithSampleHOC”和“Connect”。

导出默认.....？

我想知道以下代码的最后一部分是否正确。
我的意思是，不是必须是“withInspectorControls”而不是“withInspectorControl”吗？以“s”结尾。

https://developer.wordpress.org/block-editor/reference-guides/filters/block-filters/#editor-blockedit

手册中此代码的“普通版”以“withInspectorControls”结尾。

我想知道，因为这段代码适用于“withInspectorControls”或“withInspectorControl”，并且想知道这是怎么回事。