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) {