reactjs - 我可以将 redux 操作与 react 组件分开发送吗?
问题描述
我正在尝试在导出中调度 redux 操作以响应组件功能。可能吗?或者我应该怎么做而不是这个?
import { addToCart } from "../redux/actions/productActions";
export const checker = (item, cart) => dispatch => {
let orderItem = {
...item
};
cart.filter(product => {
if (product.productId === item.id) {
orderItem = {
id: item.id,
quantity: product.quantity + item.quantity
};
dispatch(addToCart(orderItem));
} else {
dispatch(addToCart(orderItem));
}
});
};
解决方案
在 React/Redux 应用程序中,您不应该在 React 组件之外调度操作。React 组件只能通过mapDispatchToProps
( https://react-redux.js.org/using-react-redux/connect-mapdispatch#providing-a-mapdispatchtoprops-parameter ) 或useDispatch
( https://react-redux. js.org/next/api/hooks#usedispatch)。
推荐阅读
- sas - SAS 编程:根据现有列的后缀创建新列
- node.js - 当我们有默认工作池时为什么要“worker_threads”?
- mongodb - MongoDB:在“插入”后通过“_id”“查找”文档是否有意义?
- c - 使用递归删除链表中所有出现的数字
- android - Android 工作资料应用程序:如何推送和拉取数据
- apache-spark - 避免在 pyspark 中对多个连接进行洗牌和长期计划
- python-3.x - 动态列 .withColumn Python DataFrame
- java - 在 Camel-Kafka 中创建并发 Kafka 消费者
- python - 如何在 PySpark 中将字典转换为数据框?
- django - 如何安全地发布我的 django 网站(访问者读取后端代码的安全性)