问题标签 [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.
reactjs - getContext 和 withContext 不起作用
我一直在尝试将 id 传递给带有上下文的其他组件,但是我得到了未定义的东西,我在某个地方出错了。据我了解,我们应该将上下文作为道具。有任何想法吗 ?
SecondComponent.js
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 代码:
javascript - 使用来自重组的分支
我正在重构一个无状态功能组件以使用branch
和renderComponent
来自recompose
.
原始组件如下所示:
带有分支的组件如下所示:
我尝试使用以下方法渲染组件:
产生的错误如下所示:
reactjs - React recompose pass 道具
例如,我们有一个容器<ContainerName data=someData>
并传递一些道具数据。
在这个容器中,我们使用 recompose 并具有以下代码:
我们如何将属于这个容器的 props 传递给我们的组件?
javascript - 在 withHandlers 中从 withReducer 中检索 recompose 本地调度函数
我有一个已连接到redux
商店并已dispatch
注入的组件。我正在尝试使用以下方式更新组件的本地withReducer
状态withHandlers
:
}
我发现当我compose
:
dispatchLocal
道具未在handler
. recompose
创建和绑定动作创建者以更新应用程序状态的最佳方式是什么。
reactjs - 重构和代码拆分
刚开始将 recompose 集成到大型 webapp 中,想知道是否有办法使用 recompose(后台 webpack)优化包大小(IE 实现代码拆分)?
我当前使用 recompose 的用例很简单——“isAuthorized?” HOC 确保用户登录。我的大部分路线都通过这个单一的 HOC。
我希望能够根据路由进行代码拆分,但不确定如何使用 isAuthorised HOC 增强每个路由来执行此操作。
使用 react、redux、react-router、recompose、webpack 2
reactjs - React Native Recompose 操作未触发减速器
我正在使用Recompose在 React Native 中设置用户登录屏幕,其中包含单独的操作和减速器文件,但我的减速器从未被调用。目前,只有一个登录按钮会触发doUserLogin()
重组处理程序:
loginScreen.js
doUserLogin()
处理程序依次调用我的loginUser()
操作文件:
userActions.js:
到目前为止,一切都很好。但是,当 I 时dispatch()
,我的减速器永远不会被调用。但是减速器正在接收其他动作(来自导航等) - 它根本没有从loginUser()
上面接收动作:
userReducer.js:
任何建议将不胜感激。
javascript - 如何使用 Rxjs 实现切换
我正在学习 rxjs。我为下拉组件创建装饰器“可切换”。一切正常,但我不喜欢它。如何删除条件“切换/隐藏”。
使用 rxjs、react.js、recompose。它是 Dropdown 组件的可转换装饰器。
它是下拉按钮的装饰器
reactjs - Recompose withHandlers 回调不是触发器
我正在尝试执行这样的验证:
由于某种原因,validate
处理程序从未执行。
想法?
reactjs - React Recompose Initial state value form Async Source
在以下示例中recompose
,withState
具有空字符串的初始值。如果您需要来自数据库或动态源的值怎么办,您将如何更新该道具更改?
例如:
原始代码来自recompose
;