Upload 2.

index.jsx

const Upload = () => {
  const inputRef = useRef()

  const handleClick = () => {
    inputRef.current.click()
  }

  return (
    <div className="Upload" css={CSS}>
      <div className="inner">
        <div className="list">
          <h5>Your Files:</h5>

          <ul className="files">{/* file names here. */}</ul>
        </div>

        <div className="form">
          <i className="fa fa-cloud-upload fa-4x"></i>
          <p>Drag and drop files or select files below.</p>

          <input
            ref={inputRef}
            type="file"
            multiple
            style={{ display: 'none' }}
            onChange={() => {}}
          />
          <button onClick={handleClick}>Choose Files</button>
        </div>
      </div>
    </div>
  )
}