const FlatListBasics = () => {
return (
<View style={styles.container}>
<FlatList
data={[
{key: 'Devin'},
{key: 'Dan'},
{key: 'Dominic'},
{key: 'Jackson'},
{key: 'James'},
{key: 'Joel'},
{key: 'John'},
{key: 'Jillian'},
{key: 'Jimmy'},
{key: 'Julie'},
]}
renderItem={({item}) => <Text style={styles.item}>{item.key}</Text>}
/>
</View>
Run Code Online (Sandbox Code Playgroud)
所以今天在阅读 React Native 文档时,我遇到了这段代码,我们实际上是在其中传递了一个{item}已解构的。
我确实阅读了一些关于解构的内容,我知道它是如何工作的,但我不明白我们是如何将它作为解构传递给函数的,以及我们为什么要这样做。