如果有一个单一模块,但是却导出多个React组件,使用对象对多个组件进行包裹,然后导出该对象,然后使用点语法会很方便:
import React from 'react';
const MyComponents = {
DatePicker: function DatePicker(props) {
return <div>假设这是一个时间选择器</div>
}
}
export default MyComponents;
// 使用
import MyComponents from './MyComponents';
function BlueDatePicker() {
return <MyComponent.DatePicker />;
}
网友评论