2

我正在尝试创建一个表单，它可以在 react-native-elements 的帮助下获取用户名和电子邮件地址，但它在渲染函数内部给出错误（不变违规：元素类型无效：预期字符串（用于内置组件) 或类/函数（用于复合组件），但得到：未定义。您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入）。

我试图将 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  
}

我要求在 UI 上显示 react-native-elements，类似于文档站点上显示的内容。 （来源：github.io）所需的 UI 与此类似

4

1 回答 1

5

这些组件在 React Native Elements 1.0 中已被重命名或删除，因此您的导入会产生undefined。请参阅相应的发行说明。

于 2019-05-14T23:55:06.763 回答