@uiw/react-file-input

FileInput 上传输入框
===


这个组件仅仅是对 的美化，他是基于 Input 组件封装 。

``jsx
import { FileInput } from 'uiw';
// or
import FileInput from '@uiw/react-file-input';
`

$3

`jsx mdx:preview&bg=#fff
import React from 'react';
import { FileInput, Button } from 'uiw';

export default function Demo() {
const onChange = (e) => {
console.log(e)
}
return (


`jsx mdx:preview&bg=#fff
import React from 'react';
import { FileInput, Button, Icon } from 'uiw';

export default function Demo() {
return (


`jsx mdx:preview&bg=#fff
import React from 'react';
import { FileInput, Overlay, Icon } from 'uiw';

export default function Demo() {
const [visible,visibleSet]=React.useState(false)
const [curfile,curFileSet]=React.useState(null)
console.log('curfile',curfile)

return(
<>
isOpen={visible}
onClosed={()=>visibleSet(false)}
>
${curfile?.dataURL}} alt={${curfile?.name}} />

uploadType="picture"
size="large"
onPreview={(file) =>{
visibleSet(true)
curFileSet(file)
}}
value={[
{ dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }
]}
>



)
}
`

$3

`jsx mdx:preview&bg=#fff
import React from 'react';
import { FileInput, Button } from 'uiw';

export default function Demo() {
return (


                    {JSON.stringify(state.current, null, 2)}