useFilesField

Reads the value of a file field with multiple: true.

function useFilesField(props: {field: string}): ValueFile[]

Arguments

Property	Type	Description
field	string	The name of the field.

Returns

The uploaded files as ValueFile[]. An empty array if no files were uploaded.

Example

src/widgets/example/Example.tsx

import React from 'react'
import {useFilesField, ValueFile} from '@modbros/dashboard-sdk'

export default function Example() {
  const images: ValueFile[] = useFilesField({field: 'images'})

  return (
    <div>
      {images.map((image) => (
        <img key={image.src} src={image.src} alt={image.filename}/>
      ))}
    </div>
  )
}