问题标签 [recompose]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
503 浏览

reactjs - 重构多个renderComponent

我有一个重组过滤器,它需要渲染两个组件并将来自 redux 的道具连接到第二个组件

然而,下面的代码从不渲染第二个 renderComponent - 这真是太可惜了。有没有办法让下面的工作,或者我应该选择一个常规的 React 组件?

0 投票
1 回答
236 浏览

javascript - 在 recompose 中使用 react-with-styles

有人可以帮我举一个使用 recompose 在高阶组件中使用 react-with-styles 应用样式的示例吗?

具体来说,我们如何在更高阶的重组包装器中应用本示例中解释的样式——https: //github.com/airbnb/react-with-styles#how-to-use ?

0 投票
1 回答
325 浏览

reactjs - 为什么所有的 Recompose 配方都以“const { Component } = React;”开头

为什么所有的 Recompose 食谱const { Component } = React;都从不使用时开始Component,或者是吗?

像这样开始食谱有什么意义?

https://github.com/acdlite/recompose/wiki/Recipes

0 投票
1 回答
411 浏览

reactjs - How to write a recompose HOC to User Analytics?

I'm currently sending user analytic tracking events without a HOC like so:

Given 99% of my pages will require this track function, I'm learning that, I should wrap my pages in a recompose HOC.

Can do something like:

Is this possible? Am I setting this up correctly? Is there a better way to add a HOC for this purpose?

Thank you

0 投票
1 回答
84 浏览

javascript - 为什么上下文没有被传递给我的 HOC

我有一个使用 HOC 的组件。HOC 需要 this.context 但由于某种原因 this.context 没有被传递。我究竟做错了什么?泰

零件:

特设的

如果我在组件中输出, console.log 将undefined返回正确返回的位置。

我究竟做错了什么?谢谢

0 投票
1 回答
78 浏览

javascript - 如何使用重组、生命周期 HOC 设置 defaultParams?

我有以下重组,生命周期 HOC:

我在我的组件中使用这个 HOC,如下所示:

我想做的是能够使用带有参数的 HOC,如下所示:

然后在 HOC 中,为 param1 和 params 2&3 设置默认值,否则会发生错误。

这可能与重构生命周期有关吗?谢谢

0 投票
0 回答
98 浏览

javascript - 给定一个重构生命周期 HOC,如何避免需要描述 PropTypes?

我已经创建了一个重构生命周期 HOC... 查看组件的代码以了解我如何将 HOC 与我的组件一起使用。

有没有办法避免需要为 HOC 包装描述 PropTypes:

零件:

HOC 重构生命周期

0 投票
1 回答
239 浏览

reactjs - 使用 Redux-Form,如何从 ReduxFormField 的 onChange 事件中调度?

我收到以下错误:

'dispatch' 未定义 no-undef

我想要做的是,只要用户选择 ReduxFormField 单选按钮之一,表单就会自动提交。

能够做到这一点的正确方法是什么..从 onReduxFormFieldChange 调度?

0 投票
1 回答
376 浏览

reactjs - 如何使用 compose 功能(redux/ramda/recompose/etc)?

我知道像 foo(bar(baz))) 这样的东西可以重写为 compose(foo, bar, baz)。然而,现实生活中的例子呢?例如,我可能有:

是否可以使用 compose 重构组件值?

0 投票
0 回答
1351 浏览

reactjs - Material-UI 复选框和开关

所以我要做的是在另一个用户输入发生变化uncheck a checkbox时切换或切换组件。现在的问题是,内部组件的道具正在相应地改变我希望它改变的方式,但状态不是。(这只发生在我想以编程方式取消选中其中一个组件时)这会导致在视觉上仍然检查。SwitchBasecheckedcheckedunchecked checkbox

此图像上显示的案例:

外观 编码

文本.jsx

有人对此有解决方案吗?