• 反腐败国际合作"朋友圈"又大了! 2019-07-13
  • 前线 从一面“魔镜” 看苏宁科技集团智能化发展战略 2019-07-13
  • 身份证被盗产生不良记录 网络虚拟账号权属纠纷如何避免 2019-07-07
  • 的确,呆子七窍通了栁窍。[哈哈] 2019-06-20
  • 强国博客首页整合公告 2019-06-08
  • 西海都市报数字报刊平台 2019-05-27
  • 美国反拥枪的孩子很受伤 2019-05-25
  • C罗戴帽单骑救主 葡萄牙33战平西班牙 2019-05-25
  • 证监会去年对外公开监管信息14560条 2019-05-16
  • 中山八路总站调整12公交线 2019-05-16
  • 谢春涛:深刻把握“中国特色社会主义进入新时代”的重大意义 2019-05-09
  • 湖南一博士生举报水利局领导受贿 遭到冒牌纪委约谈 2019-05-09
  • 西安地铁唐风诗韵文化专列将于6月18日首发 2019-04-30
  • 铜梁区旧县街道:全面提升执行力 推动工作落地见效 2019-04-30
  • 上海电影节女性影人大放异彩 中生代女演员不用焦虑 2019-04-29
  • React Router 5 发布,更好地支持 React 16

    h4cd
     h4cd
    发布于 2019年03月22日
    收藏 3

    时隔 2 年,React 的声明式路由组件 React Router 发布了第 5 个版本。

    关于 React Router v5 有一个小插曲,其实开发团队原本只是计划发布 React Router 4.4 版本,但由于错误地使用了托字符 (^) —— 将依赖错误地写成 "react-router": "^4.3.1",导致报错。最后团队决定撤销 4.4 版本,直接改为发布 React Router v5。

    react-router-dom 对 react-router 的版本依赖被写为 ^4.3.1,因此当 react-router 更新为 4.4 时用户依然可能会引用 4.3.x 的版本,而它们并不兼容。所以 react-router 开发组决定直接升级主版本为 5,以覆盖 ^ 的效果。

    此版本侧重于稳定性和兼容性,带来了一系列改进与新特性,并且完全向后兼容 4.x。功能和改进很明显,但是没有破坏性变化,所以如果已经在使用 4.x 版本,则可以在不改变代码的情况下直接使用 v5 版本。

    $ npm install react-router
    # or
    $ npm install react-router-dom
    # or
    $ npm install react-router-native
    

    v5 中最重要的改进是对 >= 15 版本的 React 完全兼容,并对 React 16 提供了更好的支持。

    升级了 React 的 context API;消除了所有 <StrictMode> 警告;对捆绑基础架构进行了彻底检查,并对发布的所有绑定包进行了全面测试。

    还为生产引入了预优化的 build,可以不用在构建脚本中手动将 process.env.NODE_ENV 设置为“生产”,更重要的是不会将路由器构建为 build 的一部分,团队已经在开发和生产模式中处理了这个问题。

    导入方式也因此需要改变:

    // Instead of:
    import Router from 'react-router/Router';
    import Switch from 'react-router/Switch';
    
    // do:
    import { Router, Switch } from 'react-router';
    

    目前仍然支持前一种风格,但会发出警告。

    此外,v5 简化并自动化了发布过程,从现在开始能够更频繁、更可预测地发布。

    新特性方面,此版本的一个主要新功能是能够在 <Route path> 中使用数组,简化了操作:

    // Instead of this:
    <Switch>
      <Route path="/users/:id" component={User} />
      <Route path="/profile/:id" component={User} />
    </Switch>
    
    // you can now do this:
    <Route path={["/users/:id", "/profile/:id"]} component={User} />
    

    还带来了一些 bug 修复,包括支持 <Link innerRef> 中的 React.createRef,并支持在 <Route component> 中使用 React.forwardRef。

    详情查看发布公告。

    本站文章除注明转载外,均为本站原创或编译?;队魏涡问降淖?,但请务必注明出处,尊重他人劳动共创开源社区。
    转载请注明:文章转载自 OSCHINA 社区 广东十一选五推荐号
    本文标题:React Router 5 发布,更好地支持 React 16
    加载中

    最新评论(1

    W
    WavinFlag
    因为发布时版本依赖写错而直接跳一个大版本……??
    返回顶部
    顶部
  • 反腐败国际合作"朋友圈"又大了! 2019-07-13
  • 前线 从一面“魔镜” 看苏宁科技集团智能化发展战略 2019-07-13
  • 身份证被盗产生不良记录 网络虚拟账号权属纠纷如何避免 2019-07-07
  • 的确,呆子七窍通了栁窍。[哈哈] 2019-06-20
  • 强国博客首页整合公告 2019-06-08
  • 西海都市报数字报刊平台 2019-05-27
  • 美国反拥枪的孩子很受伤 2019-05-25
  • C罗戴帽单骑救主 葡萄牙33战平西班牙 2019-05-25
  • 证监会去年对外公开监管信息14560条 2019-05-16
  • 中山八路总站调整12公交线 2019-05-16
  • 谢春涛:深刻把握“中国特色社会主义进入新时代”的重大意义 2019-05-09
  • 湖南一博士生举报水利局领导受贿 遭到冒牌纪委约谈 2019-05-09
  • 西安地铁唐风诗韵文化专列将于6月18日首发 2019-04-30
  • 铜梁区旧县街道:全面提升执行力 推动工作落地见效 2019-04-30
  • 上海电影节女性影人大放异彩 中生代女演员不用焦虑 2019-04-29
  • 河南快赢481最新遗漏官网 17pk诈金花千术 湖北快三玩法中奖规则 新九龙单双中特 2014年6肖中特 青海快3中奖助手 重庆百变王牌开奖走势 宁夏十一选五走势图 3d组三多少钱 白姐六合图库 河北十一选五探讨qq群 福建22选5今晚开奖结果查询结果 甘肃快三开奖结果大全 南国七星彩票论坛1752期规律图 广东26选5复式10个