reactjs - react dropzone，限制上传的图片数量，超过限制时给出错误消息

Question

我正在使用 react dropzone 来上传图片，但我想将上传的图片数量限制为 6 个。我如何做到这一点？任何大于 6 的东西都会弹出错误消息

https://codesandbox.io/s/3qpokv2xv1

import React from 'react';
import ReactDOM from 'react-dom';
import 'react-dropzone-component/styles/filepicker.css';
import 'dropzone/dist/min/dropzone.min.css';

import DropUploader from './DropUploader';
import './styles.css';

function App() {
  return (
    <div className="App">
      <DropUploader
        onUpload={file => console.log(file)}
        onRemove={file => console.log(file)}
      />
    </div>
  );
}

const rootElement = document.getElementById('root');
ReactDOM.render(<App />, rootElement);

标签： reactjs

Answer 1

只需更新以下配置：

const djsConfig = {
  addRemoveLinks: true,
  maxFiles: 6
};