Как сделать рендер компоненту ReactJS?

Question

[Ninja Mate]

Есть три компонента App.js First.js и Second.js
В App декларирую и рендерю как теперь при нажатии кнопки в First заменить его на <Second/>?
Или нельзя элементу самому себя заменять?

Можно ли в App задать State как элемент и если можно, то пример если есть?

Answer 1

[Ninja Mate]

Пока что вышел из положения таким вот образом, но часть вопроса
Или нельзя элементу самому себя заменять? все еще актуальна

constructor(...args) {
        super(...args);
        this.state = {
            form: <First/>
        };
    }


{this.state.form}


 <Button  onClick={() => this.setState({ form: <Second/> })} >Create a new Patient</Button>

Answer 2

[Антон Измайлов]

Т.к. редакт является всего лишь View представлением MVC модели (так говорится в описании, хотя по мне react больше подходит для SAM), то для таких целей нужно юзать Flux/Redux/...other :)
А уже оттуда выбирать модель поведения.

Comments

[Ninja Mate]

Посмотрите мой вопрос более развернуто вот здесь Как кнопку setState в элементе, который будет менять стейт в элементе уровнем выше?