концептуальный вопрос по интерфейсу в SPA react

допустим у нас есть div . в него отрендерился какой то компонент- интерфейс . в результате действий пользвателя внутри этого интерфейса - (допустим нажатие нопки ВЫХОД) этот интерфейс должен полностью измениться то есть в тот же самый div нужно отрендерить другой компонент . какой подход использовать для реализации этого ? может ли компонент по нажатию кнопки внутри себя выполнить дисмаунт самого себя и рендеринг другого компонента на то же самое место или это неправильный путь ? или же управление тем какой компонент должен дисмаунтиться и рендериться нужно выносить в какой то компонент более выского уровня ?