有没有办法在 redux 工具包商店中设置 getter?

Ale*_*dev 3 reactjs react-redux redux-toolkit

例如,我有:

产品价格:120,产品数量:2,我希望总产品价格为产品价格 * 产品数量。

是否可以使用 redux 工具包在切片的初始状态中设置它?

我尝试过这样的:

get totalProductPrice() {
  return this.productPrice * this.productQuantity;
}
Run Code Online (Sandbox Code Playgroud)

phr*_*hry 9

那不会是一个 getter,但在 Redux 中只是一个selector.

const selectTotalProductPrice = state => state.mySlice.productPrice * state.mySlice.productQuantity
Run Code Online (Sandbox Code Playgroud)

并在你的组件中

const totalProductPrice = useSelector(selectTotalProductPrice )
Run Code Online (Sandbox Code Playgroud)

如果该计算成本更高,您应该使用记忆选择器。您可以在计算衍生数据下的文档中阅读这些内容。