Я пытаюсь создать форму, которая может принимать имя пользователя и адрес электронной почты с помощью реагирующих элементов, но она выдает ошибку внутри функции рендеринга (нарушение инварианта: тип элемента недействителен: ожидается строка (для встроенных компонентов). ) или класс/функция (для составных компонентов), но получил: undefined. Вероятно, вы забыли экспортировать свой компонент из файла, в котором он определен, или вы могли перепутать импорт по умолчанию и именованный импорт).
Я попытался поместить FormLabel, FormIput и FormValidationMessage в представление и контейнер в функции рендеринга, но это дает мне ошибку, которую я не могу понять.
import React from 'react';
import { View, StyleSheet} from "react-native";
import { FormLabel, FormInput, FormValidationMessage } from 'react-native-elements'
export default class UserDetailsInput extends React.Component {
render() {
return (
<View>
<FormLabel>Name</FormLabel>
<FormInput/>
<FormValidationMessage>Error message</FormValidationMessage>
</View>
);
}};
пакет.json
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"eject": "expo eject"
},
"dependencies": {
"expo": "^32.0.0",
"native-base": "^2.12.1",
"react": "16.5.0",
"react-dom": "^16.8.6",
"react-native": "https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz",
"react-native-elements": "^1.1.0",
"react-native-otp-inputs": "^3.0.2"
},
"devDependencies": {
"babel-preset-expo": "^5.0.0"
},
"private": true
}
Я требую, чтобы в пользовательском интерфейсе отображались элементы react-native, как показано на сайте документации.
(источник: github.io)