以一个名称导入/导出多个对象和功能

Question

有什么方法可以合并以下内容：

// This is a React Component
import DataProvider from '../../../src/contexts/Data/DataProvider';
// This is a React Context
import DataContext from '../../../src/contexts/Data/DataContext';
// This is a function
import withDataContext from '../../../src/contexts/Data/withDataContext';

变成这样：

import Context from 'context';

这使得所有文件都可以像单独导入一样被调用：

withDataContext(something);
<DataProvider/>

等

我在这里ES6 export default with multiple functions referring to each other

读了另一个答案

但是这个答案仍然导致使用对象来保存所有导出的函数。

即

Context.withDataContext(something)