【文件属性】:
文件名称:react-upload-box:React的最小上载组件
文件大小:914KB
文件格式:ZIP
更新时间:2021-04-13 16:15:15
react progress-bar upload TypeScript
React上传框
描述
为ReactJS构建的最小上传组件
播放/暂停功能
使用
用进行
目录
安装
yarn add react-upload-box
入门
该框覆盖了父div 100%。 确保将其包装在具有灵活宽度的组件中。 否则,它会随着百分比的变化而“摆动”。
import React , { useState } from 'react'
import { ReactUpload } from 'react-upload-box'
function App ( ) {
const [ percentage , setPercentage ] = useState ( 0 )
const [ pause , setPause ] = useState ( false )
const uploadFile = async ( ) => {
【文件预览】:
react-upload-box-main
----readme-assets()
--------upload.gif(845KB)
----rollup.config.js(2KB)
----package.json(4KB)
----__tests__()
--------app.test.tsx(279B)
----.eslintrc.json(2KB)
----custom.d.ts(75B)
----.prettierignore(323B)
----jest.config.js(478B)
----.stylelintrc.json(321B)
----LICENSE(1KB)
----snowpack.config.js(623B)
----src()
--------react-upload-box.tsx(194B)
--------index.tsx(203B)
--------components()
--------styles()
--------demo()
--------types()
--------utils()
----tsconfig.json(797B)
----__mocks__()
--------fileMock.js(35B)
----jest.setup.js(50B)
----web-test-runner.config.js(244B)
----.gitignore(257B)
----.prettierrc.js(67B)
----public()
--------index.html(910B)
----README.md(6KB)
----yarn.lock(385KB)
----.editorconfig(146B)
----extra.notes.md(179B)
----babel.config.js(339B)