Files
url_tracker_tool/node_modules/react-dropzone/examples/no-jsx/README.md
Andrei 58f8093689 Rebrand from 'Redirect Intelligence v2' to 'URL Tracker Tool V2' throughout UI
- Updated all component headers and documentation
- Changed navbar and footer branding
- Updated homepage hero badge
- Modified page title in index.html
- Simplified footer text to 'Built with ❤️'
- Consistent V2 capitalization across all references
2025-08-19 19:12:23 +00:00

984 B

If you'd like to use react without JSX you can:

import React, {useCallback, useState} from 'react';
import {useDropzone} from 'react-dropzone';

const e = React.createElement

function Basic () {
  const [files, setFiles] = useState([]);
  const onDrop = useCallback(files => setFiles(files), [setFiles]);

  const {getRootProps, getInputProps} = useDropzone({onDrop});

  const fileList = files.map(
    file => React.createElement('li', {key: file.name}, `${file.name} - ${file.size} bytes`)
  );

  return e('section', {className: 'container'}, [
    e('div', getRootProps({className: 'dropzone', key: 'dropzone'}), [
      e('input', getInputProps({key: 'input'})),
      e('p', {key: 'desc'}, "Drag 'n' drop some files here, or click to select files")
    ]),
    e('aside', {key: 'filesContainer'}, [
      e('h4', {key: 'title'}, 'Files'),
      e('ul', {key: 'fileList'}, fileList)
    ])
  ]);
}

Basic()