how to put a file in state variable with react hooks

Tags: , ,

I’m trying to upload a picture using react hooks

const [picture, setPicture] = useState();

const onChangePicture = e => {
    console.log('picture: ', picture);

  //style={{ display: 'none' }}
  onChange={e => onChangePicture(e)}

however I’m getting the following error:

Uncaught TypeError: picture is not iterable

when I change the onChangePicture to


the picture variable is undefined,

any help would be appreciated.


I think you meant to do:


This will concatenate the first file to all current files.

Remember to use const [picture, setPicture] = useState([]); as to make sure it doesn’t break the first time around

Source: stackoverflow