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

Question

我有一个FilePond组件，用于通过以下实现在我的React App中上传文件：

~~~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>

~~~

此代码呈现a nice looking component，以允许用户上传文件。

不过，我想放大（编辑宽度和高度）从https://pqina.nl/filepond/提取的此组件。不幸的是，我似乎可以找到一种方法，有人可以帮我吗？

Answer 1

在文档上，他们recommend overriding their styles。因此，您可以执行相同操作，只需调整所需高度即可。

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

See it live!