Использовать System.import для загрузки асинхронного компонента реакции

Question

Я пытаюсь загрузить компонент React асинхронно, но он не работает. Вот мой код:

import React, { Component } from 'react' 
//import Home from '$components/Home/Home' 

/** 
* Home Page container, loads at `/` route. 
*/ 
class HomeContainer extends Component { 

    /** 
    * React Lifecycle Event: Renders Home Page View 
    * @return {JSX} Calls Home Component to Render the page 
    */ 
    render() { 
    return System.import('javascripts/components/Home/Home') 
     .then(function (Home) { 
     return <Home /> 
     }) 
    } 
} 

export default HomeContainer 

Не уверен, что происходит. Пожалуйста, дайте мне знать, как это исправить.

Answer 1

Реакт рендеринга уже выполняется только тогда, когда это уместно.

Вместо этого вы можете использовать файл render.

const component = require('component'); 

Пример:

https://github.com/erikras/react-redux-universal-hot-example/blob/master/src/components/SurveyForm/SurveyForm.js#L50