React native 混淆本机语法

“项”如何知道它拥有来自数据属性的数据？我的意思是，我使用Flatlist组件的数据属性传入数据，似乎我可以给keyExtractor属性起任何名字，它将知道如何从数据属性获取数据。有什么解释吗？非常感谢，请提前

<Flatlist 
data={someData} 
keyExtractor={item => item.TitleID}/>

item.TitleID}/>

在发动机罩下，

平面列表

将您的数据项传递给钥匙提取器

在这里，您的函数

myKeyExtractor

接受一个参数，该参数基本上是对数据的引用

function myKeyExtractor(item) {
  return item.TitleID;
}

<Flatlist 
  data={someData} 
  keyExtractor={myKeyExtractor}
/>

---

我将给你一个简单的介绍和一个关于什么是和如何使用它们的例子

基本上你可以用任何类型定义函数及其参数。这样，您还可以期望函数作为参数（也被调用），并随时在父函数中调用它们。看看这个，尤其是这个

功能条（某物）{
console.log（某物）；
}
函数foo（回调）{
回拨（“你好”）；
}
//这将生成输出“Hello”。
富(巴);；
//这是相同的，但使用lambda演算。
foo（something=>console.log（something））；

如您所见，您可以将函数定义作为参数传递给其他函数。这正是您的示例所做的。我还给你举了一个额外的例子

从“React”导入React；
常量平面列表=（{keydextractor，data，…props}）=>{
返回(

{data.map（（项目，索引）=>(
{keydextractor（item）}
))}

);
};
导出默认平面列表；

在这里，我试图模拟您的示例的

平面列表。您可以看到
data.map
调用，它充当上一示例中的高阶函数。
FlatList
组件有一个名为
keyExtractor
的属性，该属性将为
数据
属性的每个元素调用。现在，您可以轻松地提供
keydractor
，如下所示

const someData=[
{name:“某物”，id:1}，
{name:“任何东西”，id:2}
];
//...
项目id}
/>

这将呈现一个无序列表，其中包含
someData
的每个元素的
id
。在这种情况下，它只是您的数据的一部分

function myKeyExtractor(item) {
  return item.TitleID;
}

<Flatlist 
  data={someData} 
  keyExtractor={myKeyExtractor}
/>

这里是可执行的示例

干杯
这并不令人困惑，但很简单。您所要做的就是告诉平面列表，它提供了我的数据项，我将告诉您UI组件使用哪个键。所以你的函数接受一个参数，你可以给它命名任何东西，它引用你的数据项，你的函数负责返回唯一的键。我认为他对函数的理解没有任何问题，但是对回调函数如何工作的理解有问题。