获取错误:应为字符串(用于内置组件)或类/函数(用于复合组件)，但得到的却是:%s.%s%s，未定义

Question

import React,{Component} from 'react';
import { Flatlist, Text, View} from 'react-native';
export default class List extends Component {
state={
person:[{name:'abhjeet'},{name:'shubham'},{name:'kamal'},{name:'devesh'},{name:'ashu'}]
}

render(){
return(

<View>
<Flatlist 
data={[this.state.person]}
renderItem={({item})=>{
console.log(item)
}}
/>
</View>

);
}

}

如果我删除平面图并使用文本，它正在与平面图一起工作，它显示错误我是初学者与反应天然

Answer 1

您现在没有呈现某些内容。在FlatList中渲染View

它是FlatList而不是Flatlist

这应该行得通。

return(           
<View>
<FlatList style={{marginTop: 40}}
data={person}
renderItem={({item})=>(
<View>
<Text>
{item.name}
</Text>
</View>
)}
/>
</View>   
);

此外，this.state.person已经是一个列表，无需再次使用[]。

检查https://snack.expo.io/xiumLsKtD