Javascript 错误：忘记导出Listview项组件

这就是我得到的错误

警告：React.createElement:类型无效--应为字符串 （对于内置组件）或类/函数（对于复合 组件）但得到：未定义。您可能忘了导出您的 组件，该组件来自定义它的文件。检查您的代码在 BookingPage.js:19

我有一个Listview，项目组件已正确导入。当我从更改Listview项的导出时

export default connect(mapStateToProps, {callCancel, setBookingstatus})(BookingCard); 

到

它起作用了。但我想对Listview项组件使用redux。如何正确导出类。这是我的预订卡（Listview项目组件）

从“React”导入React；
从“react native”导入{视图、文本、样式表、TouchableOpacity}；
从'react redux'导入{connect}；
从“本机基”导入{图标，按钮}；
从“../actions”导入{callCancel，setBookingstatus}；
类BookingCard.Component{
render（）{
返回(
.....
......
);
}
}
导出默认连接（mapstatetops，{callCancel，setBookingstatus}）（预订卡）；
//出口{预订卡}；

BookingPage（组件包括Listview）

从“React”导入React；
从“react native”导入{ListView，View}；
从'react redux'导入{connect}；
从“./common”导入{Spinner}；
从“/BookingCard”导入{BookingCard}；
从“../actions”导入{fetchBooking}；
类BookingPage扩展React.Component{
组件willmount（）{
this.props.fetchBooking（）；
}
ds=新建ListView.DataSource({
行已更改：（r1，r2）=>r1！==r2
});
renderRow（预订）{
返回；
}
renderButton（）{
如果（本道具装载）{
返回；
} 
返回(
);
}
render（）{
console.log（'onRender BookingPage'）；
返回(
{this.renderButton（）}
);
}
}
常量mapStateToProps=（{booking}）=>{
const{bookings，loading}=预订；
返回{预订，加载}；
};
导出默认连接（mapStateToProps，{fetchBooking}）（BookingPage）；

因为您要导出组件默认值如下所示：

export default connect(mapStateToProps, {callCancel, setBookingstatus})(BookingCard);

import BookingCard from './BookingCard';

下面的行失败，因为它需要一个名为导出的

import {BookingCard} from './BookingCard';

您应该按照以下方式修复导入：

export default connect(mapStateToProps, {callCancel, setBookingstatus})(BookingCard);

import BookingCard from './BookingCard';

或者像这样出口

export const MyConnectedComponent = connect(mapStateToProps, {callCancel, setBookingstatus})(BookingCard);

---

您可以在上找到更多信息。

您能否说明如何导入列表组件中的项，因为您在连接时导出了默认项。@Eden还添加了包含import的类。你能帮我吗？我是react native的初学者。好的，现在就开始导出默认连接（…）（BookingCard）并在BookingPage中从…@Eden导入BookingCard。你节省了我的时间，非常感谢。

export const MyConnectedComponent = connect(mapStateToProps, {callCancel, setBookingstatus})(BookingCard);