问题标签 [recompose]

原始问题：https ://github.com/acdlite/recompose/issues/232

如何访问 BaseComponent 或任何级别的组件的引用？

代码：

在我的 React/Redux 应用程序中，我经常面临使用状态实现组件的问题，这些状态应该在整个应用程序中使用。让我们以简单的弹出组件为例，它具有可以在任何页面中重用的打开/关闭状态。这是我发现的两种可能的方法：

• 使用setState和“本地”reducer（我使用recompose.withReducer，它只是 React 的 native 的语法糖 setState）来管理它的状态。在您需要更改页面其他部分中的组件状态之前，它看起来很容易且可重用（关闭弹出窗口以防万一）。而且你不能只调用一些 redux 操作来改变状态。

• 将组件的状态保存在 Redux 存储中。使用这种方法，我们可以closePopupAction({ id })在组件树的任何位置调用以更改它的状态。`但是我们需要以某种方式将它的减速器（我想保留在弹出的文件夹中）放在根减速器中，当组件被挂载并删除它时组件已卸载。另外，我们可以在页面中有多个弹出窗口，每个弹出窗口都有自己的状态。

有没有人遇到过类似的问题？

我有一个Slider不处理自己的状态的组件，相反，它被包装在另一个名为的组件中SliderDrag，该组件管理状态并将道具传递给Slider

我正在使用withState图书馆recompose来实现这一目标。

这是我的Slider状态初始状态

这是我的高阶组件withState()

这就是我想使用的方式SliderDrag。我想传递道具来设置我的初始值state，以便我可以Slider在我的应用程序的不同上下文中使用这个组件

我需要compose从recompose图书馆使用吗？任何建议或帮助将不胜感激。:)

使用 recompose 创建 HoC 时withState出错lifecycle：

我的组件树如下所示：

我不是单元测试方面的专家，我试图在我的虚拟 todoapp 项目上实现 100% 的覆盖率，这对于像 TodoList 组件这样的简单组件来说很容易，但是 AddTodo 组件呢？

这是我当前的 AddTodo 测试：

该测试产生以下覆盖率：Stmts 62.5、Branch 100、Funcs 25、Lines 62.5。

未覆盖的线路是：12、16、21。

我应该如何正确测试它们？我错过了什么？有一些关于该主题的资源吗？

我终于解决了我的问题，注意目标是实现 100% 的覆盖率，仅此而已。

这是我的解决方案：

我正在使用 withReducer HOC 并注意到这种行为：在点击处理程序上调用它，例如：

它会产生

你好

世界

一

二

三

这意味着reduce函数是异步调用的。将其称为异步而不是立即将更改应用于存储的理由是什么？

我在我的 React 项目中使用 recompose https://github.com/acdlite/recompose/

这是一个很棒的图书馆。我将该compose实用程序用作容器组件，将状态作为道具传递给展示组件，如下所示：

注意setIsReady(true)内的调用componentDidMount。这是我想做的，但是生命周期/componentDidMount 无权访问setIsReady. componentDidMount我怎样才能通过重构来实现我想要的更新状态的结果？

是否可以/安全地使用 withHandlers 和 Promise？前任。：

谢谢！

我最近遇到了这个“使用 Apollo 和 Recompose 简化 React 组件”@stubailo https://dev-blog.apollodata.com/simplify-your-react-components-with-apollo-and-recompose-8b9e302dea51

它展示了如何使用 recompose 进行 GraphQL 查询。我想知道是否有人可以提供一个使用 recompose 进行 GraphQL 突变的示例。就像提交表格或类似的东西。

非常感激。

我一直在查看 react recompose 库并试图在这里掌握差异，结果是一样的，尝试阅读文档，但更加困惑，为什么有两种方法可以做同样的事情？