时间戳

首页 > 解决方案 > 选择img文件后如何上传两个图像路径并将它们传递给调用组件上传的组件？

reactjs - 选择img文件后如何上传两个图像路径并将它们传递给调用组件上传的组件？

问题描述

我有 2 个地方可以上传单个文件。我关于将对象传递给数组图像的问题。

https://codepen.io/dangnq94/pen/zYdGEZo => UploadImage.tsx

https://codepen.io/dangnq94/pen/KKvpXvK?editors=0010 => RegisterForm.tsx => 在那里调用 UploadImage。

这是我想在提交表单时发送到 API 以保存的 fomart Json。

{
  "id": 2,
  "userId": "0869096350",
  "merchantName": "Shop 1",
  "representativeName": "Shop 1",
  "portalLink": "",
  "taxCode": "31721231",
  "address": "Đường 21, Khu Phố 4,HBC ",
  "email": "usertest01@example.com",
  "mobilePhone": "0869096350",
  "images": [
    {
      "name": "string1",
      "description": "string1",
      "filePath": "string1"
    },
    {
      "name": "string2",
      "description": "string2",
      "filePath": "string2"
    }
  ],
  "typeOfBusiness": 2,
  "businessSectors": "",
  "createdAt": "2021-10-09T12:48:48.448Z",
  "merchantEvents": []
}

这是图形用户界面： 图形用户界面

我的朋友建议我useFieldArray这样做。但我不知道该怎么做。

标签： reactjsreact-hooksreact-hook-form

解决方案

推荐阅读