Skip to content

Instantly share code, notes, and snippets.

@qkreltms
Created April 18, 2021 06:51
Show Gist options
  • Save qkreltms/432dd6fa1a3fa0b4e684b04554693e54 to your computer and use it in GitHub Desktop.
Save qkreltms/432dd6fa1a3fa0b4e684b04554693e54 to your computer and use it in GitHub Desktop.
function App() {
  const [message, setMessage] = useState('')
  const getSomething = async (event: React.ChangeEvent<HTMLInputElement>) => {
    const { files } = event.target

    const data = new FormData()
    data.append('test', files[0])
    const res = await axios.post('http://localhost:3333', data).then(({data}) => data)
    setMessage(res.message)
    
  }
  return (
    <div className="App">
      <header className="App-header">
      <input
        type="file"
        onChange={getSomething}
        data-testid="uploadButton"
      />
      <p>{message}</p>
      </header>
    </div>
  );
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment