diff --git a/jsExample/src/components/Authorized/Authorized.jsx b/jsExample/src/components/Authorized/Authorized.jsx
index b94a84e..ea7e8f7 100644
--- a/jsExample/src/components/Authorized/Authorized.jsx
+++ b/jsExample/src/components/Authorized/Authorized.jsx
@@ -1,5 +1,4 @@
 import { Result } from 'antd';
-import React from 'react';
 import check from './CheckPermissions';
 
 const Authorized = ({
diff --git a/jsExample/src/components/Authorized/CheckPermissions.jsx b/jsExample/src/components/Authorized/CheckPermissions.jsx
index 14c7c14..83a283a 100644
--- a/jsExample/src/components/Authorized/CheckPermissions.jsx
+++ b/jsExample/src/components/Authorized/CheckPermissions.jsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import PromiseRender from './PromiseRender';
 import { CURRENT } from './renderAuthorize'; // eslint-disable-next-line
 
diff --git a/jsExample/src/components/GlobalHeader/NoticeIconView.jsx b/jsExample/src/components/GlobalHeader/NoticeIconView.jsx
index e13178e..d5604e9 100644
--- a/jsExample/src/components/GlobalHeader/NoticeIconView.jsx
+++ b/jsExample/src/components/GlobalHeader/NoticeIconView.jsx
@@ -1,7 +1,7 @@
 import { message, Tag } from 'antd';
 import groupBy from 'lodash/groupBy';
 import moment from 'moment';
-import React, { Component } from 'react';
+import { Component } from 'react';
 import { connect } from 'umi';
 import NoticeIcon from '../NoticeIcon';
 import styles from './index.less';
diff --git a/jsExample/src/components/GlobalHeader/RightContent.jsx b/jsExample/src/components/GlobalHeader/RightContent.jsx
index 7724464..8e8c18c 100644
--- a/jsExample/src/components/GlobalHeader/RightContent.jsx
+++ b/jsExample/src/components/GlobalHeader/RightContent.jsx
@@ -1,6 +1,5 @@
 import { QuestionCircleOutlined } from '@ant-design/icons';
 import { Tag, Tooltip } from 'antd';
-import React from 'react';
 import { connect, SelectLang } from 'umi';
 import HeaderSearch from '../HeaderSearch';
 import Avatar from './AvatarDropdown';
diff --git a/jsExample/src/components/HeaderDropdown/index.jsx b/jsExample/src/components/HeaderDropdown/index.jsx
index ed99481..c08b619 100644
--- a/jsExample/src/components/HeaderDropdown/index.jsx
+++ b/jsExample/src/components/HeaderDropdown/index.jsx
@@ -1,6 +1,5 @@
 import { Dropdown } from 'antd';
 import classNames from 'classnames';
-import React from 'react';
 import styles from './index.less';
 
 const HeaderDropdown = ({ overlayClassName: cls, ...restProps }) => (
diff --git a/jsExample/src/components/HeaderSearch/index.jsx b/jsExample/src/components/HeaderSearch/index.jsx
index b101001..9cb700b 100644
--- a/jsExample/src/components/HeaderSearch/index.jsx
+++ b/jsExample/src/components/HeaderSearch/index.jsx
@@ -2,7 +2,7 @@ import { SearchOutlined } from '@ant-design/icons';
 import { AutoComplete, Input } from 'antd';
 import classNames from 'classnames';
 import useMergedState from 'rc-util/es/hooks/useMergedState';
-import React, { useRef } from 'react';
+import { useRef } from 'react';
 import styles from './index.less';
 
 const HeaderSearch = (props) => {
diff --git a/jsExample/src/components/NoticeIcon/NoticeList.jsx b/jsExample/src/components/NoticeIcon/NoticeList.jsx
index 4278fef..0c03a87 100644
--- a/jsExample/src/components/NoticeIcon/NoticeList.jsx
+++ b/jsExample/src/components/NoticeIcon/NoticeList.jsx
@@ -1,6 +1,5 @@
 import { Avatar, List } from 'antd';
 import classNames from 'classnames';
-import React from 'react';
 import styles from './NoticeList.less';
 
 const NoticeList = ({
diff --git a/jsExample/src/global.jsx b/jsExample/src/global.jsx
index dde141d..f862e6b 100644
--- a/jsExample/src/global.jsx
+++ b/jsExample/src/global.jsx
@@ -1,5 +1,4 @@
 import { Button, message, notification } from 'antd';
-import React from 'react';
 import { useIntl } from 'umi';
 import defaultSettings from '../config/defaultSettings';
 
diff --git a/jsExample/src/layouts/BasicLayout.jsx b/jsExample/src/layouts/BasicLayout.jsx
index c1f70d1..6b64ee9 100644
--- a/jsExample/src/layouts/BasicLayout.jsx
+++ b/jsExample/src/layouts/BasicLayout.jsx
@@ -9,7 +9,7 @@ import { GithubOutlined } from '@ant-design/icons';
 import ProLayout, { DefaultFooter } from '@ant-design/pro-layout';
 import { getMatchMenu } from '@umijs/route-utils';
 import { Button, Result } from 'antd';
-import React, { useEffect, useMemo, useRef } from 'react';
+import { useEffect, useMemo, useRef } from 'react';
 import { connect, history, Link, useIntl } from 'umi';
 import logo from '../assets/logo.svg';
 
diff --git a/jsExample/src/layouts/UserLayout.jsx b/jsExample/src/layouts/UserLayout.jsx
index aefffff..8a0b724 100644
--- a/jsExample/src/layouts/UserLayout.jsx
+++ b/jsExample/src/layouts/UserLayout.jsx
@@ -1,5 +1,4 @@
 import { DefaultFooter, getMenuData, getPageTitle } from '@ant-design/pro-layout';
-import React from 'react';
 import { Helmet, HelmetProvider } from 'react-helmet-async';
 import { connect, FormattedMessage, Link, SelectLang, useIntl } from 'umi';
 import logo from '../assets/logo.svg';
diff --git a/jsExample/src/pages/404.jsx b/jsExample/src/pages/404.jsx
index 99dd95a..89de68d 100644
--- a/jsExample/src/pages/404.jsx
+++ b/jsExample/src/pages/404.jsx
@@ -1,5 +1,4 @@
 import { Button, Result } from 'antd';
-import React from 'react';
 import { history } from 'umi';
 
 const NoFoundPage = () => (
diff --git a/jsExample/src/pages/Admin.jsx b/jsExample/src/pages/Admin.jsx
index 2861abd..fb616fe 100644
--- a/jsExample/src/pages/Admin.jsx
+++ b/jsExample/src/pages/Admin.jsx
@@ -1,7 +1,6 @@
 import { HeartTwoTone, SmileTwoTone } from '@ant-design/icons';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { Alert, Card, Typography } from 'antd';
-import React from 'react';
 import { useIntl } from 'umi';
 
 export default () => {
diff --git a/jsExample/src/pages/TableList/components/UpdateForm.jsx b/jsExample/src/pages/TableList/components/UpdateForm.jsx
index 9286e99..df37f1b 100644
--- a/jsExample/src/pages/TableList/components/UpdateForm.jsx
+++ b/jsExample/src/pages/TableList/components/UpdateForm.jsx
@@ -7,7 +7,6 @@ import {
   StepsForm,
 } from '@ant-design/pro-form';
 import { Modal } from 'antd';
-import React from 'react';
 import { FormattedMessage, useIntl } from 'umi';
 
 const UpdateForm = (props) => {
diff --git a/jsExample/src/pages/TableList/index.jsx b/jsExample/src/pages/TableList/index.jsx
index 256c64d..f045331 100644
--- a/jsExample/src/pages/TableList/index.jsx
+++ b/jsExample/src/pages/TableList/index.jsx
@@ -4,7 +4,7 @@ import { ModalForm, ProFormText, ProFormTextArea } from '@ant-design/pro-form';
 import { FooterToolbar, PageContainer } from '@ant-design/pro-layout';
 import ProTable from '@ant-design/pro-table';
 import { Button, Drawer, Input, message } from 'antd';
-import React, { useRef, useState } from 'react';
+import { useRef, useState } from 'react';
 import { FormattedMessage, useIntl } from 'umi';
 import UpdateForm from './components/UpdateForm';
 import { addRule, queryRule, removeRule, updateRule } from './service';
diff --git a/jsExample/src/pages/User/login/index.jsx b/jsExample/src/pages/User/login/index.jsx
index 040cc19..a6fa8ea 100644
--- a/jsExample/src/pages/User/login/index.jsx
+++ b/jsExample/src/pages/User/login/index.jsx
@@ -10,7 +10,7 @@ import {
 } from '@ant-design/icons';
 import ProForm, { ProFormCaptcha, ProFormCheckbox, ProFormText } from '@ant-design/pro-form';
 import { Alert, message, Space, Tabs } from 'antd';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { connect, FormattedMessage, useIntl } from 'umi';
 import styles from './index.less';
 
diff --git a/jsExample/src/pages/Welcome.jsx b/jsExample/src/pages/Welcome.jsx
index d32bcb5..3342822 100644
--- a/jsExample/src/pages/Welcome.jsx
+++ b/jsExample/src/pages/Welcome.jsx
@@ -1,6 +1,5 @@
 import { PageContainer } from '@ant-design/pro-layout';
 import { Alert, Card, Typography } from 'antd';
-import React from 'react';
 import { FormattedMessage, useIntl } from 'umi';
 import styles from './Welcome.less';