Блог

ошибка

Ошибка: Недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс/функция (для составных компонентов), но получено: не определено. Скорее всего, вы забыли экспортировать свой компонент из файла, в котором он определен, или вы, возможно, перепутали импорт по умолчанию и именованный импорт.

Проверьте метод рендеринга User .

 import User from './Components/User';
 

 return(
  <View style={styles.container}>
    <View>
      <User details={details} />
    </View>
  </View>
)
 

Пользовательский компонент

 import React from 'react';
import {Image, Text, StyleSheet} from 'react-native'
import {
  Card,
  CardItem,
  H1,
} from 'native-base'
import moment from 'moment'

const User = ({details}) => {
    return(
        <Card style={styles.card}>
          <CardItem cardBody style={styles.cardItem}>
            <Image
            source={{
              uri: details.picture?.large,
              width: 150,
              height: 250
            }}
            style={styles.image}
            />
          </CardItem>

          <CardItem style={styles.cardItem}>
            <H1 style={styles.text}>
              {details.name?.title} {details.name?.first} {details.name?.last}
            </H1>
          </CardItem>

          <CardItem bordered style={styles.cardItem}>
            <Text style={styles.text}>
              {details.cell}
            </Text>
          </CardItem>

          <CardItem footer style={styles.cardItem}>
            <Text style={{color: '#fff'}}>
              Registered at 
              {moment(details.registered?.text).format('DD-MM-YY')}
            </Text>
          </CardItem>

        </Card>
    )
}

export default User;
 

попробуйте экспортировать так

 export default function User () {
// ... code goes here
}
 

вы также можете использовать анонимную функцию при экспорте по умолчанию

Похоже, вы установили native-base v3 и импортируете native-base компоненты v2 ( Card , CardItem , H1 ) и т. Д. Вам придется импортировать правильные компоненты и переписать свой User компонент.

Компоненты Card , CardItem которых там нет, v3 и могут быть легко построены с использованием таких компонентов, как Box . H1 Компонент также заменяется компонентом Heading .

https://docs.nativebase.io/migration/card