React Native中跨文件调用函数变量返回undefined问题求助

看起来你是在Redux Thunk的场景下遇到了变量获取的问题，我来帮你梳理几个关键原因和对应的解决办法：

1. 异步函数特性导致无法同步获取值 #

你的loginUser是一个返回Thunk的异步函数，内部包含了axios.post这个异步请求。如果你像调用同步函数那样直接获取返回值，比如：

const result = loginUser(email, password);
console.log(result.user_id); // 必然返回undefined

这是因为异步请求还没完成时，函数就已经提前返回了，此时响应数据还未拿到。

解决办法：

• 若在React组件中调用，可结合async/await和dispatch使用：

const handleLogin = async () => {
  try {
    await dispatch(loginUser(email, password));
    // 请求完成后，从Redux Store中获取数据
    const user = useSelector(state => state.user);
    console.log(user.user_id);
  } catch (err) {
    // 处理登录错误
  }
};

• 或者在Thunk函数内部返回需要的变量，让dispatch后能拿到Promise结果：

export function loginUser(email, password) {
  return function (dispatch) {
    return axios.post(SIGNIN_URL, { email, password }).then((response) => {
      const { user_id, token } = response.data;
      dispatch(authUser(user_id));
      // 返回需要的变量
      return { user_id, token };
    });
  };
}

// 调用时
dispatch(loginUser(email, password)).then((data) => {
  console.log(data.user_id, data.token); // 这里就能拿到正确值了
});

2. 局部变量未向外暴露 #

你在loginUser内部定义的user_id和token是局部变量，如果没有通过return或者更新到Redux Store中，外部根本无法访问。所以要么像上面那样把变量从Promise中返回，要么确保authUser这个action正确将user_id更新到Store，再通过useSelector（组件内）或getState（Thunk内部）获取。

举个authUser action和reducer的示例，确保Store能正确存储数据：

// Action定义
export const authUser = (user_id) => ({
  type: 'AUTH_USER',
  payload: user_id
});

// Reducer定义
const initialState = { user_id: null };
export const userReducer = (state = initialState, action) => {
  switch(action.type) {
    case 'AUTH_USER':
      return { ...state, user_id: action.payload };
    default:
      return state;
  }
};

之后在组件里就能通过useSelector(state => state.user.user_id)拿到正确的用户ID了。

3. 检查Axios响应的数据结构 #

有时候可能是response.data的实际结构和你预期的不一致，导致解构出来的user_id和token本身就是undefined。可以在then回调里先打印响应数据确认结构：

.then((response) => {
  console.log('实际响应数据：', response.data); // 确认字段名是否匹配
  const { user_id, token } = response.data;
  // ...后续逻辑
})

如果后端返回的字段是userId而非user_id，那解构就会失败，自然拿到undefined。

内容的提问来源于stack exchange，提问作者Markus Hayner