Merge branch 'master' into next

components/list/__tests__/Item.test.js

@@ -151,7 +151,7 @@ describe('List Item Layout', () => {
         renderItem={item => <List.Item>{item.title}</List.Item>}
       />,
     );
-    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.render()).toMatchSnapshot();
   });
 
   it('rowKey could be function', () => {
@@ -176,6 +176,6 @@ describe('List Item Layout', () => {
         renderItem={item => <List.Item>{item.title}</List.Item>}
       />,
     );
-    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.render()).toMatchSnapshot();
   });
 });

components/list/__tests__/__snapshots__/Item.test.js.snap

@@ -58,139 +58,71 @@ exports[`List Item Layout horizontal itemLayout List should accept extra node 1`
 `;
 
 exports[`List Item Layout rowKey could be function 1`] = `
-<List
+<div
-  dataSource={
+  class="ant-list ant-list-split"
-    Array [
-      Object {
-        "id": 1,
-        "title": "ant design",
-      },
-      Object {
-        "id": 2,
-        "title": "ant design",
-      },
-      Object {
-        "id": 3,
-        "title": "ant design",
-      },
-    ]
-  }
-  renderItem={[Function]}
-  rowKey={[Function]}
 >
   <div
-    className="ant-list ant-list-split"
+    class="ant-spin-nested-loading"
-  >
-    <Spin
-      size="default"
-      spinning={false}
-      wrapperClassName=""
   >
     <div
-        className="ant-spin-nested-loading"
+      class="ant-spin-container"
-      >
-        <div
-          className="ant-spin-container"
-          key="container"
     >
       <ul
-            className="ant-list-items"
+        class="ant-list-items"
       >
-            <Item>
         <li
-                className="ant-list-item"
+          class="ant-list-item"
         >
           ant design
         </li>
-            </Item>
-            <Item>
         <li
-                className="ant-list-item"
+          class="ant-list-item"
         >
           ant design
         </li>
-            </Item>
-            <Item>
         <li
-                className="ant-list-item"
+          class="ant-list-item"
         >
           ant design
         </li>
-            </Item>
       </ul>
     </div>
   </div>
-    </Spin>
 </div>
-</List>
 `;
 
 exports[`List Item Layout rowKey could be string 1`] = `
-<List
+<div
-  dataSource={
+  class="ant-list ant-list-split"
-    Array [
-      Object {
-        "id": 1,
-        "title": "ant design",
-      },
-      Object {
-        "id": 2,
-        "title": "ant design",
-      },
-      Object {
-        "id": 3,
-        "title": "ant design",
-      },
-    ]
-  }
-  renderItem={[Function]}
-  rowKey="id"
 >
   <div
-    className="ant-list ant-list-split"
+    class="ant-spin-nested-loading"
-  >
-    <Spin
-      size="default"
-      spinning={false}
-      wrapperClassName=""
   >
     <div
-        className="ant-spin-nested-loading"
+      class="ant-spin-container"
-      >
-        <div
-          className="ant-spin-container"
-          key="container"
     >
       <ul
-            className="ant-list-items"
+        class="ant-list-items"
       >
-            <Item>
         <li
-                className="ant-list-item"
+          class="ant-list-item"
         >
           ant design
         </li>
-            </Item>
-            <Item>
         <li
-                className="ant-list-item"
+          class="ant-list-item"
         >
           ant design
         </li>
-            </Item>
-            <Item>
         <li
-                className="ant-list-item"
+          class="ant-list-item"
         >
           ant design
         </li>
-            </Item>
       </ul>
     </div>
   </div>
-    </Spin>
 </div>
-</List>
 `;
 
 exports[`List Item Layout should render in RTL direction 1`] = `

docs/react/recommendation.zh-CN.md

@@ -7,7 +7,7 @@ title: 社区精选组件
 
 | 类型 | 推荐组件 |
 | --- | --- |
-| 可视化图表 | [Ant Design Charts](https://charts.ant.design/zh-CN/) [AntV 数据可视化解决方案](https://antv.vision/zh) |
+| 可视化图表 | [Ant Design Charts](https://charts.ant.design/zh) [AntV 数据可视化解决方案](https://antv.vision/zh) |
 | React Hooks 库 | [ahooks](https://github.com/alibaba/hooks) |
 | 表单 | [ProForm](https://procomponents.ant.design/components/form) [Formily](https://github.com/alibaba/formily) [react-hook-form](https://github.com/react-hook-form/react-hook-form) [formik](https://github.com/formium/formik) |
 | 路由 | [react-router](https://github.com/ReactTraining/react-router) |