React-Redux报错：Cannot read property 'actions' of undefined求助

兄弟，你遇到的这个问题大概率是函数的this指向丢失或者Redux的actions没有正确映射到组件props导致的，我帮你拆解几个常见的排查方向和解决办法：

1. 优先检查updatePortletLocation的this绑定问题 #

如果这个函数是作为回调传给了拖拽/ resize的子组件，直接传递函数本身的话，执行时this会脱离App组件的实例上下文，导致你访问this.props.actions时拿到undefined。

两种绑定this的方案： #

• 方案一：在构造函数里手动绑定

constructor(props){
  super(props);
  // 把函数的this绑定到组件实例上
  this.updatePortletLocation = this.updatePortletLocation.bind(this);
}

• 方案二：用箭头函数定义组件方法
  箭头函数会自动继承当前上下文的this，无需手动绑定：

updatePortletLocation = (obj1) => {
  console.log(obj1);
  // 这里的this会稳定指向App组件实例
  this.props.actions.updatePortletLocation(obj1);
}

2. 确认Redux的actions是否正确映射到组件props #

如果你用connect连接Redux和组件，一定要确保mapDispatchToProps的配置没有问题，把actions正确映射到组件的props中：

检查点和正确示例： #

• 有没有正确导入actions文件？
• mapDispatchToProps是否返回了包含actions的对象？
• 组件有没有被connect包裹？

import { connect } from 'react-redux';
// 导入你的actions
import { updatePortletLocation } from './path-to-your-actions';

class App extends Component {
  // ...你的组件代码
}

// 把dispatch和actions绑定后映射到props
const mapDispatchToProps = (dispatch) => ({
  actions: {
    updatePortletLocation: (data) => dispatch(updatePortletLocation(data))
  }
});

// 必须用connect包裹组件才能拿到映射后的props
export default connect(null, mapDispatchToProps)(App);

如果是批量绑定actions，可以用bindActionCreators简化：

import { bindActionCreators } from 'redux';
import * as portletActions from './portlet-actions';

const mapDispatchToProps = (dispatch) => ({
  actions: bindActionCreators(portletActions, dispatch)
});

3. 检查你访问actions的路径是否正确 #

Redux映射的actions是挂载在组件的props上的，不是直接挂在this上的（除非你自己在构造函数里手动赋值过）。所以要确保你在函数里写的是this.props.actions.xxx，而不是this.actions.xxx。

快速验证小技巧 #

在updatePortletLocation里先打印this.props，就能快速定位问题：

updatePortletLocation = (obj1) => {
  console.log('当前props:', this.props);
  console.log('传入的obj1:', obj1);
  
  if (this.props.actions) {
    this.props.actions.updatePortletLocation(obj1);
  } else {
    console.error('props里找不到actions！');
  }
}

如果this.props是undefined，那就是this指向的问题；如果this.props存在但没有actions字段，那就是Redux映射的问题。

内容的提问来源于stack exchange，提问作者Милош Рајковић