摇滚: 西班牙语读取
空投区 UI
非常感谢你使用 滴区/反应!
Dropzone UI的增长速度非常快并超越了最初的范围. 这就是为什么我们发现合理 重塑它 并创建一个新的包 最好的这个, 并增加更多的特性和新的组件。 这个新软件包在这里,它的名字是File UI QQ. 在很近的将来,我们将停止对"滴滴"(droppezone-ui)的支持,所以我们强制你升级到这个新的包. 与此同时,这个软件包将成为文件-ui的包装.
:zap:现场演示和完整文档 : 文件-ui.com
:心脏:它?,通过给:星:在:octocat: 吉图布 : D
重要
从现在开始 @ files-ui/ 反应 这是唯一的依赖。 查看更改日志文件了解新情况.
样本结果 :
这是文件的一小部分
- 更多预览 这里。 。 。 .
所需经费
@dropzone-ui/react 是基于 反应钩它要求 react v16.8+。 。 。 .
安装
@ droppzone- ui/ 反应可用作 npm 软件包。 。 。 .
// with npm
npm i @dropzone-ui/react
// with yarn
yarn add @dropzone-ui/react
使用和实例
这是让你开始的简单例子, 这是你需要的数字 :
import * as React from "react";
import ReactDOM from "react-dom";
import { Dropzone, FileMosaic } from "@dropzone-ui/react";
function App() {
const [files, setFiles] = React.useState([]);
const updateFiles = (incommingFiles) => {
setFiles(incommingFiles);
};
return (
<Dropzone onChange={updateFiles} value={files}>
{files.map((file) => (
<FileMosaic {...file} preview />
))}
</Dropzone>
);
}
ReactDOM.render(<App />, document.querySelector("#app"));
是的,这真的是所有你需要开始 你可以看到在这些现场和互动演示:
| 基本样本: 蛋糕: | 高级标本 : |
|---|---|
 | |
API 文档
每个组件的完整文件已移至文件-ui.com API 页面。 。 。 .
然而,如果您仍在使用6.7.0或更低的dropzone-ui版本,您可以在此找到文档并演示:
支持者
特别感谢这些惊人的人:
: clap: Stargazers (星际迷航)
: claps: 伪造者
更多预览
图像全屏幕预览QQ
视频全屏幕预览QQ
文件卡、 文件输入按钮和 Avatar 预览QQ
黑暗模式 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
许可证
本项目的许可条件如下: 麻省理工学院许可证。 。 。 .
