Реакция на собственные элементы FormInput не может быть импортирована

Похоже, мне не разрешено импортировать FormInput из react-native-elements.

Я получил эту ошибку:

Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: 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.

Check the render method of `LoginForm`.

Мой код ниже:

import React, { Component } from 'react'
import { Text, View } from 'react-native'
import { FormInput, Button } from 'react-native-elements'

export default class LoginForm extends Component {
  render() {
    return (
      <View>
          <FormInput value = "" placeholder = "Enter email"></FormInput>
          <FormInput valye = "" placeholder = "Enter password"></FormInput>
          <Button title = "Login" backgroundColor = "red"></Button>
      </View>
    )
  }
}

Я не вижу, что я делаю иначе, чем официальный документ. Я знаю, что проблема с FormInput, потому что, если я прокомментирую две строки, все будет отображаться нормально.

reactjs react-native react-native-elements

19.02.2019 01:51

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

1 091

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

ФормаВвод существует только в версии 0.19.1 React-Native-Elements.

Убедитесь, что вы правильно установили версию 0.19.1, используя приведенный ниже код в терминале,

npm -i [email protected]

Вот дополнительная информация для элементов 0.19.1, 0.19.1 Ввод

Однако вы также можете продолжать использовать версию 1.0.0 react-native-elements. Для 1.0.0 входной компонент немного отличается. Вот ссылка об элементах ввода в React-Native, 1.0.0 Вход

19.02.2019 02:08

FormInput был изменен на Input начиная с версии 1.0.0-beta.

import React, { Component } from 'react'
import { Text, View } from 'react-native'
import { Input, Button } from 'react-native-elements'

export default class LoginForm extends Component {
  render() {
    return (
      <View>
          <Input value = "" placeholder = "Enter email"></Input>
          <Input valye = "" placeholder = "Enter password"></Input>
          <Button title = "Login" backgroundColor = "red"></Button>
      </View>
    )
  }
}

это должно работать.

Дополнительная информация здесь

Отличный ответ, спасибо. Фатих Акташ ответил первым, поэтому я принимаю его ответ

— 19.02.2019 02:43

19.02.2019 02:16