无法实现 react-native-elements 表单?
Unable to implement the react-native-elements Forms?
我正在尝试创建一个可以在 react-native-elements 的帮助下获取用户名和电子邮件地址的表单,但它在渲染函数中给出了错误(不变违规:元素类型无效:需要一个字符串(对于内置组件)或 class/function(对于复合组件)但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入)。
我尝试将 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>
);
}};
package.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-elements 显示在 UI 上,与文档站点上显示的类似。
(来源:github.io)
这些组件已在 React Native Elements 1.0 中重命名或删除,因此您的导入会产生 undefined
。请看对应的release notes.
我正在尝试创建一个可以在 react-native-elements 的帮助下获取用户名和电子邮件地址的表单,但它在渲染函数中给出了错误(不变违规:元素类型无效:需要一个字符串(对于内置组件)或 class/function(对于复合组件)但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入)。
我尝试将 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>
);
}};
package.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-elements 显示在 UI 上,与文档站点上显示的类似。
(来源:github.io)
这些组件已在 React Native Elements 1.0 中重命名或删除,因此您的导入会产生 undefined
。请看对应的release notes.