7

我有一个 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>

~~~

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

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

4

1 回答 1

8

在他们的文档中,他们建议覆盖他们的样式。所以你也可以这样做,只要调整你需要的高度。

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

现场观看!

于 2019-06-28T21:54:57.063 回答