你可以使用renderOption屬性來渲染MUI Autocomplete,程式碼如下:
renderOption
<Autocomplete multiple id="tags-standard" value={value} onChange={(event, value) => setValue(value)} options={top100Films} getOptionLabel={(option) => option.title} renderInput={(params) => ( <TextField {...params} variant="standard" label="Multiple values" placeholder="Favorites" /> )} renderOption={(props, option, state) => { return ( <li {...props} style={{ ...props.style, ...(state.selected ? { backgroundColor: "yellow" } : {}) }} > {option.title} </li> ); }} />
這是一個Codesandbox連結。
你可以使用
renderOption
屬性來渲染MUI Autocomplete,程式碼如下:這是一個Codesandbox連結。