FlatList对象和值显示两个不同的事物

时间:2019-06-22 23:20:06

标签: reactjs react-native react-native-flatlist

我有一个简单的FlatList显示对象名称列表。 FlatList调用函数nameCheck来查看对象的名称是否为空。当我记录整个对象时,对象的名称显示为空,但是当我记录该对象的名称时,它的名称却不为空。

console.log(item)

  

id:1

     

名称:null

     

团队:“蓝色”

     

用户名:“用户”

console.log(item.name)

  

鲍勃

这是怎么回事?

render(){

 function nameCheck(item){
  console.log(item)
  console.log(item.name)
  if(item.name == null){
    return <Text>Name is Null</Text>
  }else{
    return <Text>Name is Not Null</Text>
  }
 }

 return (
  <FlatList
   data={this.state.objects}
   renderItem={({item}) => {
     {nameCheck(item)}
   }
   />
 )

2 个答案:

答案 0 :(得分:0)

对象的属性区分大小写,似乎属性Name为空,名称为Bob,您想将item的Name属性设置为name

答案 1 :(得分:0)

除非是错字,否则item上有Name胡椒(大写)。您应仔细检查其为item.name