完成项目基本结构

src/upload/upload.js

@@ -0,0 +1,31 @@
+import { Component } from 'react';
+import './upload.css';
+
+// copilot抄来的模板
+export class UploadContainer extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      files: []
+    };
+  }
+
+  handleChange = (e) => {
+    const files = e.target.files;
+    this.setState({ files });
+  };
+
+  render() {
+    return (
+      <div className="upload-container">
+        <input type="file" onChange={this.handleChange} />
+        {this.state.files.map((file, i) => (
+          <div key={i} className="upload-item">
+            <img className="upload-item-img" src={file.preview} />
+            <p className="upload-item-name">{file.name}</p>
+          </div>
+        ))}
+      </div>
+    );
+  }
+}