我正在嘗試更改TextField通過 my 呈現的邊框Autocomplete,但是當我添加InputProps道具時,Autocomplete不再呈現Chips<Autocomplete multiple freeSolo options={options} renderTags={(value, { className, onDelete }) => value.map((option, index) => ( <Chip key={index} variant="outlined" data-tag-index={index} tabIndex={-1} label={option} className={className} color="secondary" onDelete={onDelete} /> )) } renderInput={(params) => ( <TextField {...params} id={id} className={textFieldStyles.searchField} label={label} value={value} onChange={onChange} variant="outlined" //InputProps={{ // classes: { // input: textFieldStyles.input, // notchedOutline: textFieldStyles.notchedOutline // } //}} InputLabelProps={{ classes: { root: textFieldStyles.label } }} /> )}/>上面的代碼有效,并且一旦我取消注釋InputProps行,輸入Chip就會在選擇或輸入項目時呈現渲染。謝謝
材質自動完成不適用于 InputProps
神不在的星期二
2021-12-23 10:31:28