Reactjs 如何使用mapDispatchToProps和从父组件向组件传递道具?

Reactjs 如何使用mapDispatchToProps和从父组件向组件传递道具?,reactjs,Reactjs,我有一个父组件,我想从它传递到redux的子组件动作和一些静态道具 当我这样做的时候,我的子组件接收动作,一些默认的道具,比如历史,但是func不会被传递下来 有没有一种方法可以同时从商店和父组件传递道具 export const Parent = () => { const onFunc= e => { e.preventDefault(); console.log(34234234); }; return ( <Child f

我有一个父组件,我想从它传递到redux的子组件动作和一些静态道具

当我这样做的时候,我的子组件接收动作,一些默认的道具,比如历史,但是
func
不会被传递下来

有没有一种方法可以同时从商店和父组件传递道具

export const Parent = () => {
  const onFunc= e => {
    e.preventDefault();
    console.log(34234234);
  };
  return (
    <Child
      func={onFunc}
    />
  );
};

const mapDispatchToProps = dispatch => ({
  storeAction: data => dispatch(storeAction(data))
});

export default connect(
  null,
  mapDispatchToProps,
)(Child);
export const Parent=()=>{
常量onFunc=e=>{
e、 预防默认值();
控制台日志(34234234);
};
返回(
);
};
const mapDispatchToProps=调度=>({
storeAction:data=>dispatch(storeAction(data))
});
导出默认连接(
无效的
mapDispatchToProps,
)(儿童);

您正在导出子级而非父级上的连接。因此父对象从不渲染。您只需连接父级即可

export default connect(
  null,
  mapDispatchToProps,
)(Parent);

你在哪里叫onFunc?另外,看起来您从未传递过props.storeAction,也没有使代码具有这种依赖性。使用
react redux
连接组件时<代码>调度扩展为道具。与其四处传递函数引用并设置更多依赖项,不如连接需要执行分派的组件并从那里分派。实际上,您不需要在子组件中调用onFunc。当我
console.log
props storeAction在那里时,在Child componentAllan中,请看我的答案。这是因为您在
子组件而不是
父组件上调用
connect