Javascript 了解<；平面列表/>；以自然反应

我在网上遇到了以下React本机代码：

import React, { useState } from 'react';
import { StyleSheet, Text, View, FlatList } from 'react-native';

export default function App() {
  const [people, setPeople] = useState([
    { name: 'shaun', id: '1' },
    { name: 'yoshi', id: '2' },
    { name: 'mario', id: '3' },
    { name: 'luigi', id: '4' },
    { name: 'peach', id: '5' },
    { name: 'toad', id: '6' },
    { name: 'bowser', id: '7' },
  ]);

  return (
    <View style={styles.container}>

      <FlatList 
        numColumns={2}
        keyExtractor={(item) => item.id} 
        data={people} 
        renderItem={({item}) => ( 
          <Text style={styles.item}>{item.name}</Text>
        )}
      />

    </View>
  );
}

任何指导都将不胜感激。

此

renderItem={({item}) => ( 
  <Text style={styles.item}>{item.name}</Text>
)}

renderItem={（{item}）=>（
{item.name}
)}

实际上是指

renderItem={(props) => ( 
  <Text style={styles.item}>{props.item.name}</Text>
)}

renderItem={（道具）=>（
{props.item.name}
)}

这种技术称为对象销毁

---

查看更多信息-

ah现在可以使用了。但是我假设道具是在组件之间传递的，而不是在同一个组件内。是的。。您可以将renderItem作为组件支架，其中。。。。。。（{item}）=>（{item.name}）。。。是一个任意的功能组件，所以在React中，“props”基本上是一个对象，这就是为什么我们可以在该对象上分解项键的原因。是的。。。你说得对。您可以通过使用分隔符，

renderItem={(props) => ( 
  <Text style={styles.item}>{props.item.name}</Text>
)}