React 18 候选版本发布,不再支持 IE

React 的下一个主要版本 React 18 现已作为候选版本 (RC) 提供。React 18 引入了由新的并发渲染器提供支持的功能,并为现有应用程序提供逐步迁移的策略。

升级到 React 18

npm install [email protected] [email protected]

不再支持 ReactDOM.render

React 18 不再支持 ReactDOM.render,请改用 createRoot

// Before
import { render } from 'react-dom';
const container = document.getElementById('app');
render(<App tab="home" />, container);

// After
import { createRoot } from 'react-dom/client';
const container = document.getElementById('app');
const root = createRoot(container);
root.render(<App tab="home" />);

服务器渲染 API 的更新

  • 弃用 renderToNodeStream,改为 renderToPipeableStream
  • 新增 renderToReadableStream,用于边缘计算;
  • 可用,但有限 renderToString
  • 可用,但有限 renderToStaticMarkup

性能改进

超时, promise, 本地 event 也加入支持自动批处理,以减少工作渲染,若取消,请使用 flushSync

import { flushSync } from 'react-dom';

function handleClick() {
  flushSync(() => {
    setCounter(c => c + 1);
  });
  // React has updated the DOM by now
  flushSync(() => {
    setFlag(f => !f);
  });
  // React has updated the DOM by now
}

不再支持 Internet Explorer

在此版本中,React 将放弃对 Internet Explorer的支持,该支持将于 2022 年 6 月 15 日停止。此更改的原因是 React 18 中引入的新功能是使用现代浏览器功能构建的,如需支持 Internet Explorer,建议继续使用 React 17。

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:
1. 本站所有文章教程及资源素材均来源于网络与用户分享或为本站原创,仅限用于学习和研究。
2. 如果内容损害你的权益请联系客服QQ:1642748312给予处理。
码云笔记 » React 18 候选版本发布,不再支持 IE

发表评论

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们