javascript 材料UI(MUI)使用初始预定义值自动完成

x7rlezfr 于 2023-01-11 发布在 Java

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

我正在尝试创建一个显示从1到50的序列的MUI自动完成组件。但是，如果用户选择该组件，它最初应该只显示数字1、6、10、12、24。例如，如果用户键入1，它应该显示所有可能的匹配项（1、11、21、31、41...）
我试过这样做，但没有成功：

const [selectedValue, setSelectedValue] = useState("")

const allNumbers = [1, 2, 3, 4 ... 50]
const initialNumbers = [1, 6, 10, 12, 24]

const actionOnChange = (e) => {
    setSelectedValue(e.target.value)
}

<Autocomplete
    id={id}
    options={selectedValue ? optionsData : optionsFiltered}
    onChange={e => actionOnChange(e)}
    value={selectedValue}

JavaScript

来源：https://stackoverflow.com/questions/75077507/material-ui-mui-autocomplete-with-initial-predefined-values

1条答案

按热度按时间

7gcisfzg1#

请尝试将actionOnChange更改为此。

const actionOnChange = (e) => {
    const newArr = allNumbers.filter((item) => item.toString().startsWith(e.target.value.toString()))
    setSelectedValue(newArr);
}

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

我来回答

javascript 材料UI(MUI)使用初始预定义值自动完成

1条答案

相关问题

热门标签

最新问答