React-Router02 静态路由和动态路由
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/duola8789/article/details/90169410 静态路由 传统的路由一般都是静态路由,像Express等框架,使用的都是静态路由: React . render (( < Router > < Route path = "/" component ={ App }> < Route path = "about" component ={ About } /> < Route path = "inbox" component ={ Inbox } /> </ Route > </ Router > ), document . body ) 路由集中配置,UI与路由强绑定。 React-Router V3版本采用的就是静态路由,本质就是 path 到模块的映射,这种映射关系是静态的。只要程序已启动,映射关系就不能改变了。 从V4版本开始变为了动态路由。这是因为静态路由存在着天生的问题: (1)路就有写法需要满足约定的格式,比如不能将 <Route> 脱离 <Router> 使用,这与React倡导的“可以声明式灵活性进行组件组装”的理念。 // 静态路由不支持 const CoolRoute = ( props ) => < Route {... props }