reactjs React MUI自动完成存储选择的值

iswrvxsc 于 2023-11-18 发布在 React

关注(0)|答案(2)|浏览(126)

我是React / Typescript的新手。我只想存储用户在自动完成组件中选择的选项。之后，我需要将选择的值发送到API。我该怎么做？.代码：

<Autocomplete multiple id="tags-roles" options={roles} 
                 getOptionLabel={(option) => option.title}
                 renderInput={(params) => (
                  <TextField
                  {...params}
                  variant='standard'
                  label="Choose Roles"
                  placeholder='Roles'
                  />

字符串
我已经试过询问ChatGPT并在MUI页面上查看自动完成文档，但找不到任何东西

reactjs

来源：https://stackoverflow.com/questions/77474904/react-mui-autocomplete-store-chosen-values

2条答案

按热度按时间

e4yzc0pl1#

深入研究MUI Autocomplete docs，您将找到示例，使用它们并将它们合并组合在一起，您将得到如下codesandbox代码
基本上，设置你的状态。根据需要改变。然后当你准备好的时候，抓住这些值并根据需要发送给你的API。

赞(0）回复(0）举报 2023-11-18

hkmswyz62#

好吧，我得到了答案，如果其他人正在寻找一个答案在未来的情况下：

const handleRolesChange = (event: any, value: any) => {
    const uniqueRoles = value.filter((role: any, index: number, self: any[]) => self.findIndex((r) => r.value === role.value) === index);
    setRole(uniqueRoles);
  }

个字符

赞(0）回复(0）举报 2023-11-18

我来回答

reactjs React MUI自动完成存储选择的值

2条答案

相关问题

热门标签

最新问答