reactjs - 如何使用bindActionCreators传递值?

标签 reactjs react-redux

到目前为止,我一直在处理两种 mapDispatchToProps :

一:

function mapDispatchToProps(dispatch) {
  return {
    fetchgadata: bindActionCreators(fetchgadata, dispatch)
  };
}

两个:

const mapDispatchToProps = (dispatch) => {
  return {
    onTimeChange: (e) => {dispatch (onSetTimeRange(e.target.value));},    
  };
};

我想做的是将e.target.valuebindActionCreators一起使用。那么,如果我想在其中包含 e.target.value 并将该值传递给我的 fetchgadata 操作创建者,我应该如何重构上面的第一个 mapDispatchToProps

我正在学习,所以我希望我的问题很清楚。如果没有请帮我改进!谢谢。

最佳答案

不要传递事件参数,而是传递 e.target.value。该值将是操作创建者中的第一个参数。组件代码应该是:

handleSubmit(e) {
  this.props.onTimeChange(e.target.value);
}

关于reactjs - 如何使用bindActionCreators传递值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39417124/

相关文章:

reactjs - 在 React 上使用 bulma 的汉堡菜单不起作用

javascript - Redux:如何基于其他状态创建状态?

react-native - 如何在 React-Native 中使用 Redux Slice 控制 AsyncStorage?

javascript - componentWillMount 中的多个 fetch 语句

javascript - 数组中的递增函数

javascript - 调用 setState 后的事件给我以前的状态值

javascript - redux 获取输入文本值

javascript - React/Redux - 将 Prop 从一个容器传递到另一个容器

reactjs - 如何在 ReactJS 中链接 Action ?

javascript React Form onsubmit 保存提交的用户名