如何在 React.js 中增加文件池放置区域的尺寸？

Question

我有一个 FilePond 组件，用于在我的 React 应用程序中上传文件，实现如下：

~~~React.js 

   render() {
    return (
        <div className="App">

           //Pass FilePond properties as attributes
          <FilePond
                      ref={ref => this.pond = ref}
                      files={this.state.files}
                      allowMultiple={false}
                      maxFiles={1}
                      onupdatefiles={(fileItems) => {
                         //add image to database 
                      }
            </FilePond>

~~~

这段代码呈现了一个漂亮的组件，让用户上传他们的文件。

但是我想放大（编辑宽度和高度）这个来自https://pqina.nl/filepond/ 的组件。不幸的是，我似乎可以找到一种方法来做到这一点，有人可以帮助我吗？

Answer 1

在他们的文档中，他们建议覆盖他们的样式。所以你可以做同样的事情，只需调整你需要的任何高度。

.filepond--root,
.filepond--root .filepond--drop-label {
  height: 200px;
}

现场看！