Retrieving the files list from the <Upload> component

[David]

I know that each listItemUI child has info about the file passed into it by props,

but is there a way to get a full list from the parent <Upload> component?

A callback function maybe?

for example:
<Upload getFileList = {getFileList} />

const getFileList = (list) => {
     console.log(list);
}

[Wissam]

Hello, David.

I would suggest rendering the Upload component in a controlled mode.

This can be achieved by handling its onAdd, onRemove, onProgress, and onStatusChange events. These events contain the `affectedFiles` which shows the list of affected files, and the `newState` which contains all the files. In addition, you should set a state variable to the `newState` and pass it to the files prop.

This will allow you to access all the uploaded files through this state variable:

• https://stackblitz.com/edit/react-zdyrdv?file=app%2Fmain.jsx

For more information about rendering the Upload component in controlled mode, check the following article:

• https://www.telerik.com/kendo-react-ui/components/upload/modes/#toc-controlled-mode

I hope this matches what you need, but please let me know if you have any further questions.

Regards,
Wissam
Progress Telerik