Блог

Как загрузить изображение с помощью redux и react-крючков?

1. Я уже создал обработчик для ввода[e.target.name]: e.target.value но я хочу добавить создать обработчик для изображения, но он не может распознать, файл это или нет?

    const onChange = e => {
   
    const imageFile = e.target.files[0]
    console.log(imageFile)
   
    setPetData({ ...petData, [e.target.name]: e.target.value})
   
   }
    

2. С помощью моего входного файла petImage

   Обмен(e) } />

         <span className="file-icon">
           <i className="fas fa-upload"></i>
        </span>
   
        <span className="file-label">
          Upload Image
        </span>
   
      </span>
   
      <span className="file-name">
         {petImage}
      </span>
    

3. Моя декларация сверху с использованием действия redux [petRegister]

   импортируйте React, { Фрагмент, состояние использования } из ‘react’

   импорт типов реквизитов из раздела «типы реквизитов»;

   импорт { подключение } из «react-redux»

   импорт { petRegister } из «../../действия/действия»

Могу ли я добавить другой обработчик для файла, такого как e.target.файлы[0] ?

Большое вам спасибо?