所以我试图使用React Native的FlatList renderItem属性,但发生了一些非常奇怪的事情.
data
属性被设置为一个数组,该数组包含未定义的元素,但在renderItem
函数中,它给出了一个错误,表示函数的参数未定义,除非我调用参数item
.
这是我的代码:
export default class Profile extends React.Component {
onLearnMore = (user) => {
this.props.navigation.navigate('UserDetail', user)
}
render() {
return (
<List>
<FlatList
data={data.users}
renderItem={( {item} ) => {
console.log(item)
return (<ListItem
roundAvatar
title={`${item.fName} ${item.lName}`}
onPress={() => this.onLearnMore(item)}
/>)
}}
/>
</List>
)
}
}
如果我把{item}
换成{userData}
,那么在函数的后面userData
将是未定义的.有人知道为什么会这样吗?