Как можно iRender динамические компоненты, не меняя статические, используя реагирующий маршрутизатор

Question

У меня есть настройки страницы следующим образом

Области красного цвета являются статическими, а область зеленого цвета является динамической.В боковой панели есть панель навигации. Когда пользователь нажимает кнопку на панели навигации, я хочу обновить область зеленого цвета без повторного рендеринга статической области красного цвета. Как я могу этого добиться.

Обратите внимание, что я разрабатываю это с использованием реактивного натива, и я хочу найти решение, которое также может быть применено к реактивному нативному проекту.

Пожалуйста, дайте мне подробное решение

Спасибо

Answer 1

например

<div className={styles.wrapper}>
   <div>Navigation</div>
   <div>{children}</div>
   <div>Footer</div>
 </div>