React Native return 函数无法正确添加数字

Question

我正在为一个项目使用 React Native 和 Firebase firestore。

在 firestore 中，doc 有一个名为 teammates 的字段。在该字段中，有一个数组，里面有映射（嵌套对象），具有以下字段：key(int, starting from 0), name, field.

问题是，我想在视图中 return key+1 以便 ID 从 1 开始而不是 0。这适用于数组中的第一个映射，对于键 0，但以 key = 开头1 在 firebase 中，它 returns ID 11 而不是 ID 1+1(2)

<FlatList
                
       
       data={post}
       
       renderItem={({ item }) => (
          
          <View>
                   {item.teammates.map((item) => (
                       <View>
                       <Text>ID: {item.key + 1}</Text>
                       <Text>Name: {item.name}</Text>
                       </View>
                       
                   ))}


           </View>
           

       )}

   />

Answer 1

如果item.key是字符串，需要先解析成number，然后再添加+1。像

<Text>ID: {parseInt(item.key, 10) + 1}</Text>

React Native return 函数无法正确添加数字

React Native return function doesn't properly add numbers

reactjs

react-native

react-native-flatlist