React Native TypeError问题：undefined调用toString等方法报错求助

你遇到的TypeError: undefined is not an object (evaluating 'label.toString')和获取length时的相同错误，本质是**route.params.name或route.params.notes的值为undefined**——对undefined调用方法或访问属性必然触发这类错误。以下是具体修复步骤：

1. 安全处理参数，避免undefined #

直接给route.params设置默认值，或用可选链操作符安全访问：

方式一：解构时设置默认值（推荐）

const User = ({navigation, route}) => {
  // 给params兜底空对象，再给每个参数设置默认值
  const { name = '', email = '', notes = [] } = route.params || {};
  // ...其他代码
}

方式二：使用可选链+空值合并操作符

// 给label兜底空字符串，避免undefined
let label = route.params?.name ?? '';
// 安全调用toString，即使label为空也不会报错
const firstLetter = label.toString().charAt(0).toUpperCase();

对于notes.length的安全访问：

<Text style={styles.bold}>{route.params?.notes?.length ?? 0}</Text>

2. 修复拼写错误 #

你代码中的toUppercase()是拼写错误，正确方法名是**toUpperCase()**（P大写），这个错误会导致另一个TypeError，必须修正。

3. 补充：修复无效的首字母大写操作 #

你之前的label.toString().charAt(0).toUppercase();只是执行了操作但没有赋值，原label不会有任何变化。如果要实现首字母大写，需要把结果赋值给变量：

const formattedLabel = name.toString().charAt(0).toUpperCase() + name.slice(1);

4. 验证导航传参（可选） #

检查跳转到User页面的导航代码，确保确实传递了所需参数：

navigation.navigate('User', {
  name: '你的用户名',
  email: 'user@example.com',
  notes: [/* 笔记数组 */]
});

修复后的完整代码 #

const User = ({navigation, route}) => {
  // SIGN OUT
  function signOutHandler() {
    signOut(auth)
      .then(() => {
        console.log('user signed out')
        navigation.navigate('SignIn')
      })
      .catch(err => {
        // console.log(err.message)
      })
  }

  // 解构并设置参数默认值
  const { name = '', email = '', notes = [] } = route.params || {};
  // 实现首字母大写并赋值
  const formattedLabel = name.toString().charAt(0).toUpperCase() + name.slice(1);

  return (
    <View style={styles.userContainer}>
      <View style={styles.bio}>
        <IconButton name="account-circle" size={70} style={styles.pp} />
        <View style={styles.cred}>
          <Text style={styles.text}>{formattedLabel}</Text>
          <Text style={styles.text}>{email}</Text>
          <Text style={styles.text}>You have currently <Text style={styles.bold}>{notes.length}</Text> notes.</Text>
        </View>
      </View>
      
      <View style={styles.bc}>
        <Button title='Delete Account' color={'red'} onPress={signOutHandler} />
        <Button title='Sign Out' onPress={signOutHandler} />
      </View>
    </View>
  )
}

export default User

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