如何使用反应路由器在不改变静态组件的情况下使用动态组件

Question

我的页面设置如下

红色区域是静态区域，绿色区域是动态区域。在侧栏中有一个导航面板。当用户点击导航栏中的按钮时，我想更新绿色区域而不重新渲染红色的静态区域。我怎样才能实现这一点。

请注意，我正在使用react native进行开发，我想要一个可以应用于本机项目的解决方案。

请详细给我一个解决方案

三江源

Answer 1

例如

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