reactjs - 在react中渲染关系数据的策略(存储在redux中)

Question

假设我有一个表，其列为符号、名称和最后价格。示例行可能是“AMZN”、“Amazon”、1736.00。 symbol 和 name 数据源自某些 api 'symbol-to-name-service' ，而另一个 api 提供 symbol 和 price info ('符号到价格服务') 。

符号是普遍唯一的。交易品种 -> 名称映射保存在 redux 状态的一个切片中，而交易品种 -> 价格映射保存在另一切片中。

要显示一行，我需要将价格数据与交易品种上的姓名数据连接起来。

渲染这种风格的关系数据的好策略是什么，其中关系一侧的数据经常变化。

Answer 1

您可以构建一个中间件来合并切片并将其存储在共享切片上，因此您的组件不应该知道数据是如何收集的或者它们之间的关系是什么。

示例:

export default ({ getState, dispatch }) => (next) => (action) => {

 if(sliceA_and_SliceB_actions.includes(action.type)) 
 cosnt {sliceA, sliceB} = getState()
  dispatch({
   type: UPDATE_SLICE_C,
   payload: {sliceA,sliceB}
  })

  next()
}