next.js 如何更改组件的代码以在react中获取数组形式的数据?

agxfikkp  于 2022-11-05  发布在  React
关注(0)|答案(1)|浏览(96)

我试图通过这个组件上传多张图片,但它只上传一张图片,我如何改变我的代码,通过拖放上传多张图片。下面是我的组件的代码:

import React, { useState } from "react";
import { FileUploader } from "react-drag-drop-files";

const fileTypes = ["JPG", "PNG", "GIF"];

function ImageUpload() {
  const [file, setFile] = useState(null);
  const handleChange = (file) => {
    setFile(file);
  };
  return (
    <div>
      {/* <h5>Drag and Drop Image</h5> */}
      <FileUploader handleChange={handleChange} name="file" types={fileTypes} />
    </div>
  );
}

export default ImageUpload;
bfrts1fy

bfrts1fy1#

添加multiple属性

<FileUploader multiple handleChange={handleChange} name="file" types={fileTypes} />

handleChange将返回从现在开始的文件列表

相关问题