gpt4 book ai didi

reactjs - React Material-UI 自动完成。如何获取已删除选项的值?

转载 作者:行者123 更新时间:2023-12-04 08:45:51 27 4
gpt4 key购买 nike

我有一个 Autocomplete multiple select元素。当我点击交叉时,要删除一些选项,我想获得这个值。我尝试使用 ChipProps = {{onDelete: some function}}但它没有用 :( 我得到 undefined ,而且,删除功能完全停止工作。
这是我的代码

const top100Films = [
{ title: 'The Shawshank Redemption', year: 1994 },
{ title: 'The Godfather', year: 1972 },
{ title: 'The Godfather: Part II', year: 1974 },
{ title: 'The Dark Knight', year: 2008 },
{ title: '12 Angry Men', year: 1957 },
{ title: "Schindler's List", year: 1993 },
];

<Autocomplete
multiple
id="tags-standard1"
options={top100Films}
getOptionLabel={(option) => option.title}
//ChipProps = {{onDelete: (option) => {console.log(option.title)}}}
renderInput={(params) => (
<TextField
{...params}
size="small"
variant="outlined"
label="Films"
/>
)}
/>
那么有人可以告诉我如何获取已删除选项的 ID 或值吗?

最佳答案

从这位先生开始:https://github.com/mui-org/material-ui/pull/19959/files ,如果您需要整个删除的对象,您可以使用第四个参数。例如:

onChange={(event, list, reason, detail) => {
if (reason === 'remove-option') {
console.log(detail.option);
};
})

关于reactjs - React Material-UI 自动完成。如何获取已删除选项的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64334724/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com