В React SPA без реакции-маршрутизатора, как родительский компонент может быть представлен в дочернем компоненте?

Question

Мой самый первый вопрос о переполнении стека связан с взаимодействием «ребенок-родитель» с React и, более конкретно, как вызвать родительский компонент и переключить текущее представление на представление родительского компонента.Я понимаю, что реквизиты передаются от родителей к детям, и что дети могут попросить своих родителей передать реквизит, вызвав метод родителей.Но как вы называете родительский компонент сущности, а не просто опору?Дочерний компонент вызывает родительский компонент для визуализации.Текущий вид должен исчезнуть.Поскольку компоненты могут быть импортированы, должен быть способ просто отобразить их в компоненте импортера.Я надеюсь, что следующий код иллюстрирует мой вопрос.

import React from 'react';
import Parent from './parent';

class Child extends React.Component {
    constructor(props) {
        super(props);
    }
    this.changeView = this.changeView.bind(this);

    changeView() {
        return <Parent />;
    //or,  since we want to render:
    // React.render(<Parent />, document.getElementById('child-view');
    }

    render() {
        return (
        <div className="child-view">
            <div className="list">
                // content that should not be seen anymore
            </div>
            <button onClick={this.changeView}>
        </div>
        )
    }