How to use filestack-react - 2 common examples
To help you get started, we’ve selected a few filestack-react examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
revskill10 / next-template / pages / attendance.js View on Github 
const WysiwygEditor = ({onContentChange}) => {
const {publicRuntimeConfig} = getConfig()
const {FILESTACK_KEY} = publicRuntimeConfig
const options = {
fromSources: ['webcam', 'video'],
maxSize: 1024 * 1024,
maxFiles: 1,
}
const filestack = client.init(FILESTACK_KEY, options);
const handleEditorChange = (e) => {
const content = e.target.getContent()
console.log('Content was updated:', content);
onContentChange(content)
}
return (componentDidMount() {
const {
setFileName,
setError,
setDragged,
} = this.props;
this.filestack = filestack.init(config.FILESTACK.API_KEY);
setFileName('');
setError('');
setDragged(false);
}filestack-react
Official React component for Filestack - API and content management system that makes it easy to add powerful file uploading and transformation capabilities to any web or mobile application.
