typescript 如何正确接收输入中的数据数组

xqkwcwgp 于 2023-01-14 发布在 TypeScript

关注(0)|答案(1)|浏览(177)

我有一个编辑表单，在那里我有一个输入，我通过它发送一个数据数组。
然而，在编辑表单中，即使输入返回给我一个要编辑的数据数组，它们也是作为单个值。
也就是说，如果我删除了这个输入中返回的数据，那么所有的数据都会被删除，而且输入中的名称也会被粘贴在一起。]
如果可能的话，我想尝试在编辑表单中以这种方式返回数据：

这样，我就可以删除名称“Melissa”并再次提交表单。通过自动完成，用户应该能够搜索另一个名称来替换“Melissa”，而无需更改值它们已经存在了。
但我是这样得到数据的：

我创建了一个Codesandbox来说明我是如何在代码中执行此操作的：https://codesandbox.io/s/intelligent-ace-9wbz44?file=/src/App.tsx
你能帮我一下吗？

typescript

来源：https://stackoverflow.com/questions/75009093/how-to-correctly-receive-an-array-of-data-in-input

1条答案

按热度按时间

0x6upsns1#

我假设您希望使用testValue作为Autocomplete组件的默认选项。
删除value={field.value}
将testValue的类型与studentOptions的类型匹配

const testValue = [
  {
    value: "João Lima",
    label: "João Lima"
  },
  {
    value: "Ana Clara",
    label: "Ana Clara"
  }
];

将result更改为result={field.value ?? testValue}。
工作沙箱：https://codesandbox.io/s/condescending-euler-0gt9c9?file=/src/App.tsx

赞(0）回复(0）举报 2023-01-14

我来回答

typescript 如何正确接收输入中的数据数组

1条答案

相关问题

热门标签

最新问答