feat: support react 18 (#2515)

* 升级react 18 * 忽略.history * 忽略.history * build the project with react18 * change package.json version to 3.0.0 * 不修改code style, 不手动改版本号 * 不修改code style, 回滚代码样式格式化 * chore: code style * chore: code style --------- Co-authored-by: yougen <[email protected]> Co-authored-by: sorrycc <[email protected]>
dvajs · May 10, 2024 · b02daba · b02daba
1 parent 968da6a
commit b02daba
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 8 deletions.
diff --git a/.gitignore b/.gitignore
@@ -8,3 +8,4 @@
 /packages/**/node_modules
 /packages/**/dist
 /lerna-debug.log
+
diff --git a/docs/guide/source-code-explore.md b/docs/guide/source-code-explore.md
@@ -222,8 +222,8 @@ function getProvider(store, app, router) {
 
 // 真正的 react 在这里
 function render(container, store, app, router) {
-  const ReactDOM = require('react-dom');  // eslint-disable-line
-  ReactDOM.render(React.createElement(getProvider(store, app, router)), container);
+  const ReactDOM = require('react-dom/client') // eslint-disable-line
+  ReactDOM.createRoot(container).render(React.createElement(getProvider(store, app, router)));
 }
 ```
 

diff --git a/package.json b/package.json
@@ -31,8 +31,8 @@
     "lerna-changelog": "^0.8.0",
     "lint-staged": "^7.2.2",
     "prettier": "^1.14.3",
-    "react": "^16.8.4",
-    "react-dom": "^16.8.4",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "react-testing-library": "^6.0.0",
     "shelljs": "^0.8.1",
     "umi-test": "^1.5.2"

diff --git a/packages/dva/package.json b/packages/dva/package.json
@@ -45,8 +45,8 @@
     "redux": "^4.0.1"
   },
   "peerDependencies": {
-    "react": "^16.8.4",
-    "react-dom": "^16.8.4"
+    "react": ">=18",
+    "react-dom": ">=18"
   },
   "files": [
     "dist",

diff --git a/packages/dva/src/index.js b/packages/dva/src/index.js
@@ -99,8 +99,8 @@ function getProvider(store, app, router) {
 }
 
 function render(container, store, app, router) {
-  const ReactDOM = require('react-dom'); // eslint-disable-line
-  ReactDOM.render(React.createElement(getProvider(store, app, router)), container);
+  const ReactDOM = require('react-dom/client'); // eslint-disable-line
+  ReactDOM.createRoot(container).render(React.createElement(getProvider(store, app, router)));
 }
 
 function patchHistory(history) {