如何使用material-ui-dropzone更改每个文件的图标或图标颜色

npm install @mui-treasury/mockup/dropzone

yarn add @mui-treasury/mockup/dropzone

import React from 'react';
import { DropzoneArea } from 'material-ui-dropzone';

const MyDropzone = () => {
  const handleChange = (files) => {
    // 处理文件变化的逻辑
  };

  return (
    <DropzoneArea
      onChange={handleChange}
      // 其他属性
    />
  );
};

export default MyDropzone;

import React from 'react';
import { DropzoneArea } from 'material-ui-dropzone';
import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles({
  fileContainer: {
    // 自定义文件容器样式
  },
  file: {
    // 自定义文件样式
  },
});

const MyDropzone = () => {
  const classes = useStyles();

  const handleChange = (files) => {
    // 处理文件变化的逻辑
  };

  return (
    <DropzoneArea
      onChange={handleChange}
      classes={{
        fileContainer: classes.fileContainer,
        file: classes.file,
      }}
      // 其他属性
    />
  );
};

export default MyDropzone;