React原生导出问题

Question

我已经用Expo构建了一个ReactNative应用程序，我想在类组件内呈现函数组件，并面临导出问题，而我非常确定我确实包括导出组件

错误显示:

错误:元素类型无效:期望是字符串(对于内置组件)或类/函数(对于组合组件)，但得到:未定义。您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。

检查Register

的呈现方法我要渲染的组件

DateModal.js


import React from 'react';
import {
View,
StyleSheet,
TouchableOpacity,
ScrollView,
} from 'react-native';
import i18n from 'i18n-js';
import DatePicker from '../../utils/calendar/containers/datepicker/datepicker';
import { Text, TextInput } from '../core';
export default function DateModal(){

return(
<View>
<Text>waffffa</Text>
</View>
)
}

Answer 1

我不知道它是否会解决你的问题，但你可以尝试在函数后导出默认值，并尝试从react-native

导入Text和TextInput

import React from 'react';
import {
View,
StyleSheet,
TouchableOpacity,
ScrollView, Text, TextInput
} from 'react-native';
function DateModal(){
return(
<View>
<Text>waffffa</Text>
<TextInput
style={styles.input}
value={12}
placeholder="useless placeholder"
keyboardType="numeric"
/>
</View>

)
}
const styles = StyleSheet.create({
input: {
height: 40,
margin: 12,
borderWidth: 1,
padding: 10,
},
});
export default DateModal;

在主js中

import { StyleSheet, Text, View } from 'react-native';
import DateModal from './components/DateModal';
export default function App() {
return (
<View style={styles.container}>
<DateModal />
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});

希望这对你有帮助