react-redux - 如何使用 react hooks、redux 将图像上传到数据库？

Question

如何使用 redux 和 react-hooks 上传图片？

1. 我已经为 input[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

   onChange(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'导入反应，{片段，useState}

   从“prop-types”导入 PropTypes；

   从'react-redux'导入{连接}

   从'../../actions/petActions'导入{petRegister}

我可以为 e.target.files[0] 之类的文件添加另一个处理程序吗？

非常感谢？

标签： react-reduxreact-hooks