Javascript 如何使用react本地社区的datetimepicker
我正在构建一个带有预订部分的应用程序。预订部分有一个日期时间选择器,显然可以选择日期和时间 我在网上搜索,找到了@react native community/datetimepicker,并通过npm安装,然后将示例复制粘贴到他们的网站上。 但是,当我在expo start上运行应用程序时,我收到一条错误消息: 错误:元素类型无效:需要字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。您可能忘记了从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入 检查Javascript 如何使用react本地社区的datetimepicker,javascript,react-native,Javascript,React Native,我正在构建一个带有预订部分的应用程序。预订部分有一个日期时间选择器,显然可以选择日期和时间 我在网上搜索,找到了@react native community/datetimepicker,并通过npm安装,然后将示例复制粘贴到他们的网站上。 但是,当我在expo start上运行应用程序时,我收到一条错误消息: 错误:元素类型无效:需要字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。您可能忘记了从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入 检查SceneVi
SceneView
的渲染方法
我不知道我的错误在哪里。有人能帮我吗
import React, {useState} from 'react';
import {View, Button, Platform} from 'react-native';
import DateTimePicker from '@react-native-community/datetimepicker';
export const App = () => {
const [date, setDate] = useState(new Date(1598051730000));
const [mode, setMode] = useState('date');
const [show, setShow] = useState(false);
const onChange = (event, selectedDate) => {
const currentDate = selectedDate || date;
setShow(Platform.OS === 'ios');
setDate(currentDate);
};
const showMode = (currentMode) => {
setShow(true);
setMode(currentMode);
};
const showDatepicker = () => {
showMode('date');
};
const showTimepicker = () => {
showMode('time');
};
return (
<View>
<View>
<Button onPress={showDatepicker} title="Show date picker!" />
</View>
<View>
<Button onPress={showTimepicker} title="Show time picker!" />
</View>
{show && (
<DateTimePicker
testID="dateTimePicker"
value={date}
mode={mode}
is24Hour={true}
display="default"
onChange={onChange}
/>
)}
</View>
);
};
import React,{useState}来自“React”;
从“react native”导入{视图、按钮、平台};
从“@react native community/DateTimePicker”导入DateTimePicker;
导出常量应用=()=>{
const[date,setDate]=useState(新日期(1598051730000));
const[mode,setMode]=useState('date');
const[show,setShow]=useState(false);
const onChange=(事件,selectedDate)=>{
const currentDate=所选日期| |日期;
设置显示(Platform.OS=='ios');
设置日期(currentDate);
};
常量显示模式=(当前模式)=>{
设置显示(正确);
设置模式(当前模式);
};
常量showDatepicker=()=>{
显示模式(“日期”);
};
常量showTimepicker=()=>{
显示模式(“时间”);
};
返回(
{show&&(
)}
);
};
使用导出默认常量应用程序
而不是导出常量应用程序
有关更多说明,请参阅。虽然此代码可能提供了问题的解决方案,但最好添加有关其工作原因/方式的上下文。这可以帮助未来的用户学习并最终将这些知识应用到他们自己的代码中。在解释代码时,用户也可能会给予积极的反馈/支持。导出默认值仅适用于函数,但我将const改为function