react Loadable import不同方式的问题

Question

const Login = Loadable({ 
    loader: () => import('./components/Login'), 
    loading: () => <div>loading...</div> 
})

上面的很ok

下面的模块导出方式不一样
weather/index.js

import view from './views/weather.js'

export { view }

const Weather     = Loadable({ loader: () => {
    import { view as Weather } from './weather'
    这里的Weather我怎么返回给loader，（不修改weather/index的前提下）由于是异步的，直接返回肯定不行
}, loading:     () => <div>loading...</div> })

Answer 1

用下面的方式可以

const Weather = Loadable({ 
    loader: () => import('./weather').then(({ view }) => view), 
    loading: () => <div>loading...</div> 
});

Answer 2

const Weather = Loadable({ 
    loader: () => import('./views/weather.js').view, 
    loading:  () => <div>loading...</div>
})