问题

我在 redux 中有一个异步函数（使用 redux thunk），它在 redux 存储中设置一个值。它在我的应用程序中被多次使用，但我希望在 redux 函数运行后使用 redux 函数设置的新值发生不同的事情。这似乎是回调的一个很好的理由，对吧？所以我试着这样做，但得到了以下错误：

Uncaught TypeError: Cannot read property 'then' of undefined

尝试修复的逻辑

我 认为 原因可能是虽然 redux 函数分派了操作，但它实际上并没有返回任何东西。因此，我在 redux 函数中添加了 returns ，认为该函数会将某些内容返回给调用它的组件，这将解决我收到的错误。没有运气。

问题：

有谁知道在异步 redux 函数（使用 redux thunk）运行并完成在 redux 存储中设置新值之后，我如何执行函数？

我最近一次尝试解决

组件

import {fetchUser} from './../actions/index.js';

class MyComponent extends React.Component {

  constructor(props) {
    super(props);
  }

  componentDidMount() {
    // Attempt #1: this.props.fetchUserData()); // originally I attempted just running one function and then the rest without a callback but the new value was not set in redux store before the next function that needed it ran
    // Attempt #2: this.props.fetchUserData().then(function() => {  // I also tried running just a standard .then(function()
    // Attempt #3: (line below) 
    this.props.fetchUserData().then((resultFromReduxFunction) => {
      console.log("fetchUserData result = " + resultFromReduxFunction);

      // do some stuff with the new data
      console.log("this.props.reduxData.userHairColor = " + this.props.reduxData.userHairColor);
      console.log("this.props.reduxData.userHeight = " + this.props.reduxData.userHeight);
    });
  }
}

function mapStateToProps(state) {
    return {
        reduxData: state.user
    };
}

function matchDispatchToProps(dispatch) {
    return bindActionCreators({
      fetchUserData: fetchUserData
    }, dispatch)
}

export default connect(mapStateToProps, matchDispatchToProps)(MyComponent);

动作创建者

export const set = (idToSet, payloadToSet) => {
  return {
    type: 'SET',
    id: idToSet,
    payload: payloadToSet
  }
}

export const fetchUserData = (callbackFunction) => {
  console.log("fetchUserData triggered...");
  return (dispatch, getState) => {
    firebase.auth().onAuthStateChanged(function (user) {
      if (!user) {
        console.log("no user logged in");
        return false // Added in attempt to fix callback 
      } else {
        // fetch some more user data
        firebase.database().ref().child('users').child(user.uid).on('value', function(snapshot) {
          var userHairColor = snapshot.child(userHairColor).val();
          var userHeight = snapshot.child(userHeight).val();
          dispatch(set('userHairColor', userHairColor));
          dispatch(set('userHeight', userHeight));
          return true // Added in attempt to fix callback 
        })
      }
    })
  }
}

Redux 存储

const initialState = {
    userHairColor: "",
    userHeight: ""
}

export default function (state=initialState, action) {
  switch(action.type) {
    case 'SET':
      return {
        ...state,
        [action.id]: action.payload
      }
    default:
      return {
        ...state
      }
  }
}

提前感谢任何帮助