From 86a21a6c83f7d84a0a52b6184cbbbc30a3653819 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=90=E6=98=8E=E6=98=8E?= <tmoct5@qq.com>
Date: Mon, 15 Feb 2021 14:52:46 +0800
Subject: [PATCH] =?UTF-8?q?[=E6=96=B0=E5=A2=9E]=E4=B8=80=E4=B8=AA=E7=AE=80?=
 =?UTF-8?q?=E5=8D=95=E7=9A=84=E5=88=97=E8=A1=A8=E7=BB=84=E4=BB=B6=EF=BC=8C?=
 =?UTF-8?q?=E7=88=B6=E7=BB=84=E4=BB=B6=E5=90=91=E7=BB=84=E4=BB=B6=E7=9A=84?=
 =?UTF-8?q?=E5=8F=82=E6=95=B0=E4=BC=A0=E9=80=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/.List.js.swp | Bin 0 -> 12288 bytes
 src/App.js       |  10 ++++++++++
 src/List.js      |  32 ++++++++++++++++++++++++++++++++
 3 files changed, 42 insertions(+)
 create mode 100644 src/.List.js.swp
 create mode 100644 src/List.js

diff --git a/src/.List.js.swp b/src/.List.js.swp
new file mode 100644
index 0000000000000000000000000000000000000000..3217881d3f4a456ae8a69b2d255c350f393ac22c
GIT binary patch
literal 12288
zcmeI2&1(}u6u>7QJXw|2i{N35hqM8+wY`XhT-qK4>p}cD+HH1fRyWzWyOBa$O=H@`
znzU9bO-ov1z@WV-iV{*o@xSnHc9IC<Sw-~i=0lO<rKiXn=9gjiy*JtY&1u;g@4tL@
zl%Dns5NL-9=|18f`|yK1%3Xw9VdEErK`Zd@*2t5XJSzG<is~1Y-SclZ5`|%=-!Rm$
zpfS;JoK%>oh2+pRLD&4kIaxP6*Y(}&@hTcX1A8&hMFs~>^;;{Pa2}^U-Iw;V7}lZz
zG=K)s02)98XaEhM0W{EI28^(S+<|-E*Szmz&C&7K*qq{k2G9T+Km%w14WI!ufCkV2
z8bAYR01b4Y0Z}64>j6UM;CsLI{lE48|ML(b-+@oS8z2fuz!-297y*U>3iJT`fo}&1
z*#b6zo4^Qg6!;8lzXx6e1t14xfpuUFu>Ly^U_%3F01co4G=K)s02)98XaEiT_XgNx
zSk(+Fu?aDv7}PohO~?$P)PmAJ`<GI$Aj!9U&51RQD8FYgS7aYgF7wQbN-<g~Zkfr|
z+LLG1?RaJTtyh3xyRy@Ay?;KaH!$d%qDDa0Jz-4^>mEZk6h^0~sjIfLR!^kb0veBA
zU5}e{PtBzm&n4>ljEl~A1z4ixw5?QQMnntIUI=I`Br&bGk4_Q4BI>%mBa}@Va9yVt
ztYhn*p@6JNkO(<M4%+)?2k3;R2C36N+wO$-W48cMI;28Qh=q*vVvwDouEyrL>{vCQ
zg3ecSm12o+-ZRq+)s@Fz-lbq0d3J-}U8v7LtP~TK(*5f5(#L4bE;3W|(D|d6wQ`xy
trp-c(=L=9|zMAFPWNjx8-Apf<OUq_{vsDBK@XeJ6JhKR$2yQnazW~)+PWS)-

literal 0
HcmV?d00001

diff --git a/src/App.js b/src/App.js
index dc60d5b..f5ef825 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,9 +1,19 @@
 import logo from './logo.svg';
+import List from "./List"
 import './App.css';
 
 function App() {
   return (
     <div className="App">
+      <List title='这是一个列表组件' listArr={
+        [
+          {id: '1', title: '掉队风险VS炸裂财富！未来10年，你必须跟上哪些赚钱新规则？'},
+          {id: '2', title: '全国省级经营性国有资产集中统一监管比例已超九成'},
+          {id: '3', title: '茅台还能走多远？'},
+          {id: '4', title: '日本2020年GDP萎缩4.8% 11年来首次呈现负增长'},
+          {id: '5', title: '韩国三星重工再获5艘LNG船大单'}
+        ]
+      }/>
       <header className="App-header">
         <img src={logo} className="App-logo" alt="logo" />
         <p>
diff --git a/src/List.js b/src/List.js
new file mode 100644
index 0000000..ac1cd86
--- /dev/null
+++ b/src/List.js
@@ -0,0 +1,32 @@
+
+/**
+ *  Web唐明明
+ *  匆匆数载恍如梦，岁月迢迢华发增。
+ *  碌碌无为枉半生，一朝惊醒万事空。
+ *  ComponentName: '列表'
+ */
+
+import React from "react"
+
+class List extends React.Component {
+  render() {
+    return (
+      <div>
+        <h3>{ this.props.title || '是一个列表内容' }</h3>
+        <ul>
+          {
+            this.props.listArr.map((item, key) => {
+              return (
+                <li key={key}>
+                  {item.title}
+                </li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    )
+  }
+}
+
+export default List