嗨,我正在尝试创建一个类似于mui select和mui aoutcomplete的组件。我在存储值时遇到了问题,就像在Select上一样。我需要类似于select中的示例的内容<MenuItem value=414>JUST SOME TEXT I CAN SERACH IN</MenuItem>
<MenuItem value=414>JUST SOME TEXT I CAN SERACH IN</MenuItem>
yhxst69z1#
你可以使用renderOption属性来指定一个自定义的选项渲染函数。2这个函数应该返回一个MenuItem组件和所需的值。
renderOption
MenuItem
<Autocomplete options={options} getOptionLabel={option => option.title} renderOption={option => ( <MenuItem value={option.value}>{option.title}</MenuItem> )} renderInput={params => ( <TextField {...params} label="Select" variant="outlined" /> )} />
1条答案
按热度按时间yhxst69z1#
你可以使用
renderOption
属性来指定一个自定义的选项渲染函数。2这个函数应该返回一个MenuItem
组件和所需的值。