动作必须是普通物体。使用自定义中间件进行异步功能。 React Native

Question

我打电话给getLocalToken从我的组件读取字符串的操作从AsyncStorage。以下是我如何调用该函数。

componentWillMount() { 
      this.props.getLocalToken(); 
      console.log("CWM", this.props.auth); 
     } 

以下是我的行动

export const getLocalToken = async() => { 
    try { 
     const localToken = await AsyncStorage.getItem('@auth:localToken'); 
     const mobileNumber = await AsyncStorage.getItem('@auth:mobileNumber'); 
    } 
    catch (e) { 
     console.log('Failed to read token', e); 
    } 



    return (dispatch) => { 
     console.log("get token"); 
     dispatch({ 
      type: types.GET_LOCALTOKEN_SUCCESS, 
      payload: { localToken: this.localToken, mobileNumber: this.mobileNumber } 
     }); 
    } 
} 

对于这个代码，我得到行动必须是纯对象。使用自定义中间件进行异步功能。错误。

Answer 1

Actions是纯JavaScript对象。操作必须具有指示正在执行的操作类型的类型属性。类型通常应该定义为字符串常量。请阅读redux文档以获取更多信息。

如果你想要一个异步请求或其他副作用，你必须使用middleware。最流行的是：

• redux-thunk
• redux-saga
• redux-observable

所有这些处理方式不同异步请求。 Redux-thunk是初学者友好的，但在我看来很复杂的项目和测试的痛苦。