Redux的mapDispatchToProps中如何无需判断undefined访问组件defaultProps？

我明白你遇到的这个坑——React组件的defaultProps在组件内部能正常拿到，但在mapDispatchToProps的ownProps里却是undefined，确实挺闹心的。这是因为**defaultProps是React在组件实例化阶段才会合并到props中的，而connect传递给mapDispatchToProps的ownProps只是父组件传入的原始props，还没经过默认值填充**。

下面给你几个不用额外判断undefined（或者说让逻辑更贴合React默认行为）的解决方案：

方案1：在组件内部使用合并后的props触发action #

最直接且推荐的方式是让mapDispatchToProps返回的action creator接收参数，然后在组件内部调用时传入已经合并了defaultProps的this.props.myProp：

class MyComponent extends React.Component {
  handleTriggerAction = () => {
    // 这里的this.props.myProp已经带上默认值了
    this.props.myAction(this.props.myProp);
  };

  render() {
    console.log(this.props.myProp); // 正常输出默认值
    return <button onClick={this.handleTriggerAction}>触发动作</button>;
  }
}

MyComponent.defaultProps = {
  myProp: 'Hello World!'
};

// 修改mapDispatchToProps，让action creator接收参数
function mapDispatchToProps(dispatch) {
  return {
    myAction: (myProp) => dispatch(action(myProp))
  };
}

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

这种方式完全避开了在mapDispatchToProps里依赖ownProps的问题，逻辑也更清晰——组件自己负责提供经过默认值处理后的props给action creator。

方案2：直接引用组件的defaultProps静态属性 #

因为defaultProps是组件的静态属性，你可以在mapDispatchToProps里直接访问它，和ownProps的值做合并：

function mapDispatchToProps(dispatch, ownProps) {
  // 使用空值合并运算符??，完全匹配defaultProps的行为：仅当值为null/undefined时用默认值
  const myProp = ownProps.myProp ?? MyComponent.defaultProps.myProp;
  return {
    myAction: () => dispatch(action(myProp))
  };
}

这里用??比||更安全，因为如果ownProps.myProp是合法的假值（比如空字符串''），||会错误地替换成默认值，而??只会在值为null或undefined时才使用默认值。

方案3：（进阶）使用函数组件+useDispatch（可选） #

如果你的项目可以迁移到函数组件，用React Hooks会更简洁，甚至不需要单独设置defaultProps：

import { useDispatch } from 'react-redux';

const MyComponent = ({ myProp = 'Hello World!' }) => {
  const dispatch = useDispatch();

  const handleTriggerAction = () => {
    dispatch(action(myProp));
  };

  return <button onClick={handleTriggerAction}>触发动作</button>;
};

export default MyComponent;

函数组件的参数默认值会直接生效，使用useDispatch可以直接在组件内部触发action，完全绕开了connect的ownProps限制。

内容的提问来源于stack exchange，提问作者Akhil P