React Native+Expo+Redux开发：访问currentUser.email触发TypeError报错

报错的核心原因是Redux返回的currentUser初始状态为undefined，直接访问其属性就会触发类型错误，可选用以下任意一种方案修复：

• 使用可选链运算符简化属性访问
  将所有直接访问currentUser属性的写法替换为可选链写法，示例：
  currentUser.email → currentUser?.email
  如果需要增加默认展示内容，可以配合空值合并运算符使用：
  currentUser?.email ?? '暂无邮箱信息'
  该写法会在currentUser为undefined/null时直接返回默认值，不会抛出异常。
• 增加前置判断做条件渲染
  在Profile组件的渲染逻辑最前增加判断，currentUser未加载完成时先渲染加载态或者未登录提示，避免执行后续访问属性的逻辑，示例代码：

// Profile.js 核心逻辑示例
import { useSelector } from 'react-redux';
import { View, Text } from 'react-native';

const Profile = () => {
  const currentUser = useSelector(state => state.user.currentUser);

  // 前置判断
  if (!currentUser) {
    return <View><Text>用户信息加载中...</Text></View>
  }

  // 加载完成后正常渲染
  return (
    <View>
      <Text>邮箱：{currentUser.email}</Text>
      <Text>用户名：{currentUser.username}</Text>
      {/* 其余个人资料渲染逻辑 */}
    </View>
  )
}

export default Profile;

• 调整Redux初始状态配置
  修改负责存储用户信息的Reducer，给currentUser设置默认空对象，避免初始值为undefined，示例代码：

// userReducer.js 示例
const initialState = {
  currentUser: {}, // 初始值设为空对象，不要留为undefined或null
  // 其余状态配置
}

const userReducer = (state = initialState, action) => {
  switch(action.type) {
    // 你的Reducer业务逻辑
    default:
      return state;
  }
}

该方案调整后即使未加载用户信息，访问currentUser.email也只会得到undefined，不会触发类型错误。

内容的提问来源于stack exchange，提问作者Vimukthi Bandaragoda