Получение ошибки: ожидалась строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено:% s.% S% s, undefined,

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