diff --git a/src/pages/account/settings/components/binding.tsx b/src/pages/account/settings/components/binding.tsx
index 8ddfc7f3..4e2d1301 100644
--- a/src/pages/account/settings/components/binding.tsx
+++ b/src/pages/account/settings/components/binding.tsx
@@ -4,7 +4,7 @@ import {
   TaobaoOutlined,
 } from '@ant-design/icons';
 import { List } from 'antd';
-import React, { Fragment } from 'react';
+import React from 'react';
 
 const BindingView: React.FC = () => {
   const getData = () => [
@@ -29,21 +29,19 @@ const BindingView: React.FC = () => {
   ];
 
   return (
-    <Fragment>
-      <List
-        itemLayout="horizontal"
-        dataSource={getData()}
-        renderItem={(item) => (
-          <List.Item actions={item.actions}>
-            <List.Item.Meta
-              avatar={item.avatar}
-              title={item.title}
-              description={item.description}
-            />
-          </List.Item>
-        )}
-      />
-    </Fragment>
+    <List
+      itemLayout="horizontal"
+      dataSource={getData()}
+      renderItem={(item) => (
+        <List.Item actions={item.actions}>
+          <List.Item.Meta
+            avatar={item.avatar}
+            title={item.title}
+            description={item.description}
+          />
+        </List.Item>
+      )}
+    />
   );
 };
 
diff --git a/src/pages/account/settings/components/notification.tsx b/src/pages/account/settings/components/notification.tsx
index 628513e2..85d42d7f 100644
--- a/src/pages/account/settings/components/notification.tsx
+++ b/src/pages/account/settings/components/notification.tsx
@@ -1,5 +1,5 @@
 import { List, Switch } from 'antd';
-import React, { Fragment } from 'react';
+import React from 'react';
 
 type Unpacked<T> = T extends (infer U)[] ? U : T;
 
@@ -29,17 +29,15 @@ const NotificationView: React.FC = () => {
 
   const data = getData();
   return (
-    <Fragment>
-      <List<Unpacked<typeof data>>
-        itemLayout="horizontal"
-        dataSource={data}
-        renderItem={(item) => (
-          <List.Item actions={item.actions}>
-            <List.Item.Meta title={item.title} description={item.description} />
-          </List.Item>
-        )}
-      />
-    </Fragment>
+    <List<Unpacked<typeof data>>
+      itemLayout="horizontal"
+      dataSource={data}
+      renderItem={(item) => (
+        <List.Item actions={item.actions}>
+          <List.Item.Meta title={item.title} description={item.description} />
+        </List.Item>
+      )}
+    />
   );
 };
 
diff --git a/src/pages/profile/advanced/index.tsx b/src/pages/profile/advanced/index.tsx
index 092a1794..9aba9d1e 100644
--- a/src/pages/profile/advanced/index.tsx
+++ b/src/pages/profile/advanced/index.tsx
@@ -27,7 +27,7 @@ import {
 } from 'antd';
 import classNames from 'classnames';
 import type { FC } from 'react';
-import React, { Fragment, useState } from 'react';
+import React, { useState } from 'react';
 import type { AdvancedProfileData } from './data.d';
 import { queryAdvancedProfile } from './service';
 import useStyles from './style.style';
@@ -187,28 +187,24 @@ const Advanced: FC = () => {
   );
   const desc1 = (
     <div className={classNames(styles.stepDescription)}>
-      <Fragment>
-        曲丽丽
-        <DingdingOutlined
-          style={{
-            marginLeft: 8,
-          }}
-        />
-      </Fragment>
+      曲丽丽
+      <DingdingOutlined
+        style={{
+          marginLeft: 8,
+        }}
+      />
       <div>2016-12-12 12:32</div>
     </div>
   );
   const desc2 = (
     <div className={styles.stepDescription}>
-      <Fragment>
-        周毛毛
-        <DingdingOutlined
-          style={{
-            color: '#00A0E9',
-            marginLeft: 8,
-          }}
-        />
-      </Fragment>
+      周毛毛
+      <DingdingOutlined
+        style={{
+          color: '#00A0E9',
+          marginLeft: 8,
+        }}
+      />
       <div>
         <a href="">催一下</a>
       </div>