1.0.2 • Published 4 years ago
react-use-file v1.0.2
react-use-file
File object management with react hooks
Demo
click here
Usage
add package
$ yarn add react-use-file
use
const App: React.FC = () => {
const [onSlelect, files, results] = useFile({
// options
});
return (
<div>
// file selector button
<button onClick={onSlelect}>Select file</button>
// preview images
<ul>
{results.map((result) => (
<li key={result}>
<img src={result} alt="result" />
</li>
))}
</ul>
</div>
)
}
Options
option name | type | default | description |
---|---|---|---|
multiple | boolean | false | multiple file selection |
accept | string | '' | file extentions |