Do czego odwołuje się property default - react?

0

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');
})
2

Odnosi sie do default exporta z pliku (export default) czyli w tym przypadku komponentu.

1

Swoja droga jak chcesz zrobic komponent ktory jest "leniwie" ładowany to powinno się to robic przy użyciu React.lazy, a nie tego "potworka".
https://pl.reactjs.org/docs/code-splitting.html

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.