【翻译】基于 Create React App路由4.0的异步组件加载（Code Splitting）

({ childProps }) => (

{ /* Finally, catch all unmatched routes */ }

</Switch>

);

只需几回更改就相当酷了。我们的app都是设置了代码瓜分而的。也没有增长太多的复杂性。

这里我们看看之前的┞封个src/Routes.js路由文件

import React from 'react'; 
import { Route, Switch } from 'react-router-dom'; 
import AppliedRoute from './components/AppliedRoute'; 
import AuthenticatedRoute from './components/AuthenticatedRoute'; 
import UnauthenticatedRoute from './components/UnauthenticatedRoute'; 
 
import Home from './containers/Home'; 
import Login from './containers/Login'; 
import Notes from './containers/Notes'; 
import Signup from './containers/Signup'; 
import NewNote from './containers/NewNote'; 
import NotFound from './containers/NotFound'; 
 
export default ({ childProps }) => ( 
  <Switch> 
    <AppliedRoute path="/" exact component={Home} props={childProps} /> 
    <UnauthenticatedRoute path="/login" exact component={Login} props={childProps} /> 
    <UnauthenticatedRoute path="/signup" exact component={Signup} props={childProps} /> 
    <AuthenticatedRoute path="/notes/new" exact component={NewNote} props={childProps} /> 	
			 3/4   首页 上一页 1 2 3 4 下一页 尾页	
			

　　推荐阅读
　　浪潮将发布服务器新品  聚焦智慧计算
            
            
                
                    
                
                【51CTO.com原创稿件】 2017年7月6日，海潮经由过程其官方微信宣布了将于7月12日宣布其新一代办事器&mdash;&m>>>详细阅读


本文标题：【翻译】基于 Create React App路由4.0的异步组件加载（Code Splitting）
地址：http://www.17bianji.com/lsqh/36075.html
 1/2    1