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

x7rlezfr  于 2023-01-11  发布在  Java
关注(0)|答案(1)|浏览(114)

我正在尝试创建一个显示从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}
7gcisfzg

7gcisfzg1#

请尝试将actionOnChange更改为此。

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

相关问题