- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
当将 react-apollo
与 redux 结合使用时,来自服务器的数据将缓存在 apollo
键下的 redux 存储中:
{
apollo: // results from Apollo queries
}
创建自己的 reducer 和相应的状态树后,您的商店可能如下所示:
{
apollo: { ... },
ui: {
selectedItem: 2;
showItems: 6
}
}
想象一下,有一个操作会更改 ui.selectedItem
的值,并且该值是埋藏在 apollo
对象中某处的项目的索引。
与 reducer composition ,我们的 ui
状态的 reducer 将无法访问 Apollo 状态下的任何内容。
在我们的组件中,我们可以通过 mapStateToProps
订阅 ui
状态的变化,并且我们可以使用 react-apollo
将 Apollo 结果映射到 props code> GraphQL 容器(或 @graphql
装饰器)。
但是我们如何使用根据 Apollo 结果和应用程序中的其他状态计算出的值来更新我们的存储?
例如,如果 apollo.item.list
是一个项目数组,而 ui.selectedItem
是您要在该列表中定位的索引 - 如何store 包含以下值:
apollo.item.list[ui.selectedItem]
最佳答案
你是对的——对于 reducer 组合,每个 reducer 不应该访问状态的其余部分。问题是为什么您甚至需要您的 store 包含 apollo.item.list[ui.selectedItem]
的单独值。
大概您需要此值来在容器内呈现正确的项目。要计算它,您只需要在 mapStateToProps 中调用适当的选择器即可。传入整个状态,得到你需要的值。一个简化的例子:
const mapStateToProps = state => ({
itemToShow: itemSelector(state)
})
const itemSelector = ({ apollo, ui }) => apollo.item.list[ui.selectedItem]
您需要将容器包装在 connect
和 graphql
HOC 中才能使其工作,尽管据我所知,无论您是否将其包装在先选其中一个似乎并不重要。您还可以考虑使用 reselect这对于此类派生数据来说是理想的选择。
编辑:由于 Apollo 的商店 block 并不是真正设计为如上所述使用的,您可能会发现将其分为两个步骤更容易:首先,分配 ui.selectedItem到 mapStateToProps 中的 prop。然后,如果您使用 graphql HOC 包装容器,则可以像这样引用该 prop:
const mapStateToProps = state => ({ selectedItem });
const mapDataToProps = ({ ownProps: { selectedItem }, data }) => ({
itemToShow: data.item.list[selectedItem]
});
const ContainerWithData = graphql(myQuery, { props: mapDataToProps })(MyContainer);
export default connect(mapStateToProps)(ContainerWithData);
或者您可以使用 apollo-react 的 compose
来获得更简洁的方法。
关于node.js - React Apollo 和 Redux : Combine custom reducers with Apollo state,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44975471/
我想使用 Haskell 的 parsec 库来实现这个语法规则: ((a | b | c)* (a | b))? 这是一个接受可选(即可能为空)字符串的解析器规则。如果它接受的字符串不为空,则可以通
Python 的 itertools.combinations() 创建的结果是数字的组合。例如: a = [7, 5, 5, 4] b = list(itertools.combinations(a
I found a good script for the permutation of lists, combining and not combining list position on
我正在使用 Beam 管道计算流式数据的电话号码频率。我使用的滑动窗口每 5 分钟重复一次,总周期为 15 分钟,因此正如预期的那样,对于某些输入,当输入落在多个窗口中时,我会得到多个输出。 计算出现
这个问题已经有答案了: Pandas Merging 101 (8 个回答) 已关闭 3 年前。 我有两个数据帧,我想对其执行外连接。两个数据框共享一个公共(public)索引名称以及多个也共享相同名
我在谷歌上搜索了很多天这个问题,但一无所获。我需要做一个 SELECT,DUPLICATE 和 DUPLICATE 和 DUPLICATE 取决于用户。之后,我需要将每个选项的值组合到我选择的一个选择
这个问题在这里已经有了答案: Java 8 Streams: multiple filters vs. complex condition (4 个答案) 关闭 4 年前。 需要过滤所有适合其领域某
运行 cv2.getRectSubPix(img, (5,5), (0,0)) 抛出错误: OpenCV Error: Unsupported format or combination of for
没有重复的组合看起来像这样,当可供选择的元素数 (n) 为 5 且选择的元素数 (r) 为 3 时: 0 1 2 0 1 3 0 1 4 0 2 3 0 2 4 0 3 4 1 2 3 1 2 4 1
我在学校的数学一直不太好,我意识到我实际上需要与 pow(base, exponent) 函数相反的函数,该函数对某个数字进行乘方运算,例如 2 ^ 4 = 16 搜索答案我发现对数 log() 应该
我确信这很简单,但我很难找到一种方法来做到这一点。基本上,如果我有一个包含 P 列和 V^P 行的数组,我如何填写所有组合,即基本上所有可能的数字以 P 数字的 V 为基数。例如,对于 P=3 和 V
我想知道一种可能的算法来计算所有可能的组合,没有重复,从 length=1 开始,直到 length=N 的 N 个元素。 例子: 元素:1、2、3。 输出: 1 2 3 12 13 23 123 最
使用三种不同颜色的颜料可以用多少种不同的方式来绘制立方体? 最佳答案 如果您以唯一可能的有趣方式解释它,那么这是一个比 3^6 更难的问题:有多少种不同的(即对称的)方法来为立方体着色。这是一篇论文:
我正在尝试解决优化问题,但首先我必须找到 n 个元素的所有可能组合的数量,但要考虑一些冲突。一个可能的例子是: 元素:{1,2,3,4}冲突:{1,2},{3,4} 术语“冲突”是指属于同一冲突集合的
Cleave 是一个非常有用的组合器,可以最大限度地减少代码重复。假设我要分类 Abundant, Perfect, Deficient numbers : USING: arrays assocs
有没有办法让 @Published 变量只在新值与旧值不同时才发布其值? 现在如果我们有 @Published var test: Bool = false 我们做到了 test = false te
有一个数组 [1, 2, ..., m] ,并且有一个整数 n . 如 m=2和 n=3 ,我想获得 [1, 1, 1] [1, 1, 2] [1, 2, 1] [1, 2, 2] [2, 1, 1]
我在我的应用程序中使用了一个用于日志记录页面的表单,并且在页脚上有一个绑定(bind)来显示任何错误,如下所示: 内容 View .Swift : Form { Section(footer: Tex
HTML first second third SCSS $statistics: ("first", "second", "third"); :root { --first: r
我有一个 HTTP 请求发布者,当返回 401 错误时,我想停止执行并显示我的登录屏幕。 这是我的代码的一部分: cancellable = fetcher.hello(helloRequest: H
我是一名优秀的程序员,十分优秀!