react mpa 类式
react router 以编程方式导航
React MPA 类式
React MPA（Multiple Page Application，多页面应用）是一种基于React的前端应用架构模式，相比于SPA（Single Page Application，单页面应用），MPA在多个页面之间进行切换，每个页面都是独立的，具有各自的页面结构和布局。
类式编程是面向对象编程（OOP）的一种风格，它强调对象的行为而不是对象的结构。在React中，类式编程是一种定义组件的方式，通过定义一个继承自React.Component的类来创建组件。
React MPA类式架构可以将页面作为独立的组件，每个页面作为单独的类组件，使用类式编程的方式定义组件的行为和状态。这样可以提高代码重用性和可维护性，同时也方便进行页面级别的性能优化。
在React MPA类式架构中，每个页面都有自己的路由，在路由中定义每个页面所对应的组件。路由可以使用React Router等第三方组件库来处理，也可以自己实现。
在每个页面组件中，可以定义该页面的数据源、生命周期函数、事件处理逻辑等行为，同时还可以定义该页面的样式、布局等结构。这样可以充分利用组件化的思想，将页面拆分成更小的组件，方便进行复用和维护。
另外，为了提高组件之间的通信效率，可以使用Redux等状态管理工具来管理应用的状态。通过Redux，可以将页面之间的共享状态提取到单独的状态树中，使得组件之间的状态传递更加高效和可控。
总之，React MPA类式架构是一种非常灵活、可优化、易维护的前端应用架构模式，它可以很好地应对多页面应用的开发需求，同时也充分利用了React的组件化思想和生命周期函数。在实际应用中，需要根据项目需求和实际情况选择合适的框架和工具，进行灵活的组合和搭配，以达到最佳的开发效果。