反应原生。 我刚开始学习 React Native，我有一个关于 return 声明的问题

Question

I have a question about return statement.There is a return already wrapped whole code why are we returning again?Why there are two return in this code? Thanks for your help.

return (
    <FlatList
      showsVerticalScrollIndicator={false}
      keyExtractor={(friend) => friend.name}
      data={friends}
      renderItem={({ item }) => {
       return <Text style={styles.text}>
          {item.name} - Age: {item.Age}
        </Text>;
      }}
    />
  );```

Answer 1

If you look at the documentation for the renderItem prop on a FlatList , you'll see that it is expecting a function. That return statement is part of that function.

Answer 2

After some research, you can't find something conclusive about the why.. But you can look into Documentation and see that it expects to return a React Element.

Also, if you look into the source itself you can see that the return statement exists because of the iteration:

Since the Data attribute aways expect an array:

Your renderItem should iterate it for each ocurrence and return the Reat Element