问题标签 [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 回答
2819 浏览

reactjs - getContext 和 withContext 不起作用

我一直在尝试将 id 传递给带有上下文的其他组件,但是我得到了未定义的东西,我在某个地方出错了。据我了解,我们应该将上下文作为道具。有任何想法吗 ?

SecondComponent.js

0 投票
1 回答
1165 浏览

javascript - 用 'recompose' 和 'redux-cycles' 反应 HOC。如何让它发挥作用?

所以,我一直在玩recompose,然后,我发现了这个redux-cycles,我认为它非常适合我的目标:函数式 JS 和反应性。

问题是当我使用 HoC(Recompose) 创建组件时,我无法使事件侦听器工作。Ps:当我创建常规 React 组件时,事件监听器工作

在 recompose API 中,有一些Observable Utilities,我认为这是我的代码失败的地方。我想我需要它来使 redux-cycles 与 recompose 一起工作,但我无法让它工作。

使用常规 React 组件和“redux-cycles”的工作示例:JS Bin

由于它适用于常规的 React 组件和常规的 redux 存储(没有“redux-cycles”),我将只发布 HoC 代码:

0 投票
2 回答
3535 浏览

javascript - 使用来自重组的分支

我正在重构一个无状态功能组件以使用branchrenderComponent来自recompose.

原始组件如下所示:

带有分支的组件如下所示:

我尝试使用以下方法渲染组件:

产生的错误如下所示:

0 投票
1 回答
3091 浏览

reactjs - React recompose pass 道具

例如,我们有一个容器<ContainerName data=someData>并传递一些道具数据

在这个容器中,我们使用 recompose 并具有以下代码:

我们如何将属于这个容器的 props 传递给我们的组件?

0 投票
1 回答
559 浏览

javascript - 在 withHandlers 中从 withReducer 中检索 recompose 本地调度函数

我有一个已连接到redux商店并已dispatch注入的组件。我正在尝试使用以下方式更新组件的本地withReducer状态withHandlers

}

我发现当我compose

dispatchLocal道具未在handler. recompose创建和绑定动作创建者以更新应用程序状态的最佳方式是什么。

0 投票
1 回答
167 浏览

reactjs - 重构和代码拆分

刚开始将 recompose 集成到大型 webapp 中,想知道是否有办法使用 recompose(后台 webpack)优化包大小(IE 实现代码拆分)?

我当前使用 recompose 的用例很简单——“isAuthorized?” HOC 确保用户登录。我的大部分路线都通过这个单一的 HOC。

我希望能够根据路由进行代码拆分,但不确定如何使用 isAuthorised HOC 增强每个路由来执行此操作。

使用 react、redux、react-router、recompose、webpack 2

0 投票
2 回答
574 浏览

reactjs - React Native Recompose 操作未触发减速器

我正在使用Recompose在 React Native 中设置用户登录屏幕,其中包含单独的操作和减速器文件,但我的减速器从未被调用。目前,只有一个登录按钮会触发doUserLogin()重组处理程序:

loginScreen.js

doUserLogin()处理程序依次调用我的loginUser()操作文件:

userActions.js:

到目前为止,一切都很好。但是,当 I 时dispatch(),我的减速器永远不会被调用。但是减速器正在接收其他动作(来自导航等) - 它根本没有从loginUser()上面接收动作:

userReducer.js:

任何建议将不胜感激。

0 投票
1 回答
704 浏览

javascript - 如何使用 Rxjs 实现切换

我正在学习 rxjs。我为下拉组件创建装饰器“可切换”。一切正常,但我不喜欢它。如何删除条件“切换/隐藏”。

使用 rxjs、react.js、recompose。它是 Dropdown 组件的可转换装饰器。

它是下拉按钮的装饰器

0 投票
1 回答
275 浏览

reactjs - Recompose withHandlers 回调不是触发器

我正在尝试执行这样的验证:

由于某种原因,validate处理程序从未执行。

想法?

0 投票
2 回答
1543 浏览

reactjs - React Recompose Initial state value form Async Source

在以下示例中recomposewithState具有空字符串的初始值。如果您需要来自数据库或动态源的值怎么办,您将如何更新该道具更改?

例如:

原始代码来自recompose