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>
                
            );
        }


}

如果我删除Flatlist并使用Text，它将与Flatlist一起使用，则显示错误，我是初学者与本机反应

Answer 1

您现在不呈现任何内容。在您的View内渲染FlatList

它是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

出现错误：需要一个字符串（对于内置组件）或一个类/函数（对于复合组件），但得到：％s。％s％s，未定义，

1 个答案: