Я работаю над проектом Reactjs + React-motion, в «модальном окне» (скажем), я бы хотел монтировать или загружать компонент динамически, если это возможно?

Мое решение до сих пор: я не смог найти способ, поэтому кажется, что проще разместить компонент на месте и скрыть его, затем переключить класс или стиль при изменении состояния, открывая скрытый компонент и только после «модального» окно "Переход заканчивается".

Ниже приведен код, где легче понять, что я пытаюсь сделать. Там нет обработчиков событий, и большая часть кода была удалена, ноonRest (обратный вызов события, когда анимация заканчивается), а также рендер fn.

class HomeBlock extends React.Component {

    constructor (props) {
        ...

    }

    ...

    motionStyleFromTo () {

        return {
            ...
        };

    }

    onRest () {

        // this is triggered when the Motion finishes the transition

    }

    render () {

        return (
            <Motion onRest={this.onRestCallback.bind(this)} style={this.motionStyleFromTo()}>
                {style =>
                    <div className="content" style={{
                        width: `${style.width}px`,
                        height: `${style.height}px`,
                        top: `${style.top}px`,
                        left: `${style.left}px`
                        }}>
                        [LOAD COMPONENT HERE]
                    </div>
                }
            </Motion>
        );

    }

}

export default HomeBlock;