caokai1
diff --git a/‎src/App.css
Lines changed: 0 additions & 38 deletions b/‎src/App.css
Lines changed: 0 additions & 38 deletions
diff --git a/‎src/App.js
Lines changed: 66 additions & 17 deletions b/‎src/App.js
Lines changed: 66 additions & 17 deletions
diff --git a/‎src/App.test.js
Lines changed: 0 additions & 8 deletions b/‎src/App.test.js
Lines changed: 0 additions & 8 deletions
diff --git a/‎src/index.css
Lines changed: 0 additions & 13 deletions b/‎src/index.css
Lines changed: 0 additions & 13 deletions
diff --git a/‎src/index.js
Lines changed: 6 additions & 12 deletions b/‎src/index.js
Lines changed: 6 additions & 12 deletions
diff --git a/‎src/logo.svg
Lines changed: 0 additions & 1 deletion b/‎src/logo.svg
Lines changed: 0 additions & 1 deletion
diff --git a/‎src/reportWebVitals.js
Lines changed: 0 additions & 13 deletions b/‎src/reportWebVitals.js
Lines changed: 0 additions & 13 deletions
diff --git a/‎src/setupTests.js
Lines changed: 0 additions & 5 deletions b/‎src/setupTests.js
Lines changed: 0 additions & 5 deletions
@@ -1,23 +1,72 @@
-import logo from './logo.svg';
-import './App.css';
-
+import { useState } from 'react'
+let count = 100
+const getName = () => {
+  return 'jsName'
+}
+const objList = [
+  { id: 1001, name: 'Vue' },
+  { id: 1002, name: 'React' },
+  { id: 1003, name: 'Angular' }
+]
+const flag = true
+const loading = false
+const articleType = 1
+const getArticleTem = () => {
+  switch (articleType) {
+    case 1:
+      return <div>无图模式</div>
+    case 2:
+      return <div>有图模式</div>
+    default:
+      return <div>三图模式</div>
+  }
+}
+// const addCount = (e) => {
+//   console.log(e);
+// }
+const Button = () => {
+  const [count1, setCount] = useState(0)
+  const handleClick = () => {
+    setCount(count1 + 1)
+  }
+  return (<div>
+    <button onClick={() => handleClick()}>添加{count1}</button>
+  </div>)
+}
+const Button1 = () => {
+  const [form, setForm] = useState({ name: 'jack' })
+  const handleClick = () => {
+    setForm({ ...form, name: 'jai' })
+  }
+  return (<div>
+    <button onClick={() => handleClick()}>添加{form.name}</button>
+  </div>)
+}
 function App() {
   return (
     <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.js</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
+      111111
+      {`jjjjj`}
+      {count}
+      {getName()}
+      {new Date().getTime()}
+      <div style={{ color: 'red' }}>this is a div</div>
+      <div>
+        <ul>
+          {
+            objList.map(item => <li key={item.id}>{item.name}</li>)
+          }
+        </ul>
+      </div>
+      <div>
+        {flag && <div style={{ color: 'red' }}>this is a div</div>}
+        {loading ? <div style={{ color: 'red' }}>loading...</div> : <div>this is span</div>}
+      </div>
+      <div>
+        {getArticleTem()}
+      </div>
+      <Button />
+      <Button1 />
     </div>
   );
 }
 
@@ -1,17 +1,11 @@
+// 项目入口
+// 核心包
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import './index.css';
+// 导入项目根组件
 import App from './App';
-import reportWebVitals from './reportWebVitals';
-
+// 把App根组件 渲染到id为rootdedom节点上
 const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>
-);
+root.render(<App />);
+
 
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();