Czy ktoś może powiedzieć do czego odwołuje się property cmp.default w tym kodzie?
import React, { Component } from 'react'
const asyncComponent = (importComponent) => {
return class extends Component {
state = {
component: null
}
componentDidMount () {
importComponent()
.then(cmp => {
this.setState({component: cmp.default});
})
}
render () {
const C = this.state.component;
return C ? <C {...this.props} /> : null;
}
}
}
export default asyncComponent;
Użycie tego komponentu w innym komponencie wygląda tak:
import asyncComponent from '../../hoc/asyncComponent';
const AsyncNewPost = asyncComponent(() => {
return import('./NewPost/NewPost');
})