Почему компонент IonIcon выдает ошибку, а компонент Text - нет?

Question

Я новичок в React Native, и это мое основное приложение. js компонент:

import React from 'react'
import { StyleSheet, Text, View } from 'react-native'
import { Ionincons} from '@expo/vector-icons'

export class App extends React.Component {
  render (){
    return (
      <View style={styles.container}>
       <Ionincons name='ios-pizza'/>
  </View>
  )
}
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  }
})

Когда я пытаюсь запустить этот простой код, я получаю следующее сообщение:

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s%s, undefined,  You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Но когда я меняю местами компонент IonIcons на простой <Text>Hello</Text/>, все работает нормально. Что мне здесь не хватает?

Answer 1

У вас есть орфографическая ошибка, Ionincons должно быть Ionicons:

import { Ionicons } from '@expo/vector-icons';

и

<Ionicons name='ios-pizza'/>