设为首页收藏本站

                      LUPA开源社区

                       ?#19968;?#23494;码
                       注册
                      文章 帖子 博客
                      LUPA开源社区 首页 业界资讯 软件追踪 查看内容

                      React v16.6.0发布,新增lazy, memo和contextType等便捷特性

                      2018-10-25 22:29| 发布者: joejoe0332| 查看: 304| 评论: 0|原作者: oschina|来自: oschina

                      摘要: React 开发团队于2018年10月24日在官方博客宣布了 React 16.6.0。开发团队表示,该版本新增了不少便利的特性,下面我们不妨去了解一下吧!按照官方的说法,React.memo() 主要是用于函数式组件,作为 PureComponent ...

                      React 开发团队于2018年10月24日在官方博客宣布了 React 16.6.0。开发团队表示,该版本新增了不少便利的特性,下面我们不妨去了解一下吧!

                      按照官方的说法,React.memo() 主要是用于函数式组件,作为 PureComponent 的替代方案;React.lazy()  则是使用 Suspense 进行代码分割的方法;新增的 contextType 则是作为一种更符合使用习惯的方式用于从类订阅上下文。

                      React.memo

                      Class components can bail out from rendering when their input props are the same using PureComponent or shouldComponentUpdate. Now you can do the same with function components by wrapping them in React.memo.

                      const MyComponent = React.memo(function MyComponent(props) {
                        /* only rerenders if props change */
                      });

                      React.lazy: Code-Splitting with Suspense

                      You may have seen Dan’s talk about React Suspense at JSConf Iceland. Now you can use the Suspense component to do code-splitting by wrapping a dynamic import in a call to React.lazy().

                      import React, {lazy, Suspense} from 'react';
                      const OtherComponent = lazy(() => import('./OtherComponent'));
                      
                      function MyComponent() {
                        return (
                          <Suspense fallback={<div>Loading...</div>}>
                            <OtherComponent />
                          </Suspense>
                        );
                      }

                      The Suspense component will also allow library authors to start building data fetching with Suspense support in the future.

                      Note: This feature is not yet available for server-side rendering. Suspense support will be added in a later release.

                      详情请查看发布公告点此获取源码


                      酷毙

                      雷人

                      鲜花

                      鸡蛋

                      漂亮
                      • 快毕业了,没工作经验,
                        找份工作好难啊?
                        赶紧去人才芯片公司磨练吧!!

                      最新评论

                      关于LUPA|人才芯片工程|人才招聘|LUPA?#29616;?/a>|LUPA教育|LUPA开源社区 ( 浙B2-20090187  

                      返回顶部
                      双色球中奖图片