如何启用React并发模式

前言

Photo by Marc Schulte

并发模式对用户体验和开发人员体验而言是一个巨大的改进。启用方法如下。

React的新并发模式刚刚在 实验发行版中发布。这是多年研究的结果，并证明了这一点。如果您想了解更多有关为何如此酷的知识，请一定要观看 Dan Abramov在JSIceland的演讲。人们开始使用它，看到一些不错的性能优势。

所有这些，请记住，这是实验性的。实验性发布渠道不尊重semver（因此，依赖它的代码可能会意外中断），并且肯定存在错误。但是早期的实验对许多人来说都是有希望的，我建议您在自己的应用中尝试一下。

一、安装它

首先，要启用并发模式，您需要具有支持此功能的React版本。在撰写本文时，React和React DOM的版本 16.11.0不支持并发模式。因此，我们需要安装该 experimental版本：

npm install react@experimental react-dom@experimental
# or: yarn add react@experimental react-dom@experimental

二、确保运行

确保您的应用正常运行，而无需进行其他任何更改。

运行您的应用程序，运行构建，运行测试/类型检查。如果 控制台中没有以前没有的新错误，则可能是React中的错误，您应该尝试进行最小程度的复制（最好在codeandbox中），然后 在React repo上打开一个新问题。

通常，我们会跳过这一步，但是我认为重要的是要确保如果有问题，您知道这些问题是从哪一步开始的！好的建议，我一般会说

三、启用并发模式

在项目的入口文件中，您可能会有类似以下内容的内容：

import React from 'react'
import ReactDOM from 'react-dom'
import App from './app'
const rootEl = document.getElementById('roo