Javascript 物料界面可搜索选择输入不更新界面
我使用MaterialUI的自动完成组件创建了一个可搜索的选择输入。我传递给它options,它是所有可能选项的字符串数组Javascript 物料界面可搜索选择输入不更新界面,javascript,reactjs,material-ui,Javascript,Reactjs,Material Ui,我使用MaterialUI的自动完成组件创建了一个可搜索的选择输入。我传递给它options,它是所有可能选项的字符串数组 <Grid item xs = {props.xs} className = {classes.formItem}> <Autocomplete multiple options = {props.options} disableCloseOnSelect getOptionLabel = {( option ) =
<Grid item xs = {props.xs} className = {classes.formItem}>
<Autocomplete
multiple
options = {props.options}
disableCloseOnSelect
getOptionLabel = {( option ) => option}
renderOption = {( option, {selected} ) => (
<React.Fragment>
<Checkbox
icon = {icon}
checkedIcon = {checkedIcon}
style = {{ marginRight: 8 }}
checked = {selected}
onChange = {props.onChange( option, selected )}
/>
{option}
</React.Fragment>
)}
renderInput = {( params ) => (
<TextField {...params} variant = "outlined" label = {props.label} />
)}
/>
</Grid>
有人知道为什么UI不显示所选选项吗
谢谢大家好,如果有人遇到这个问题,我通过正确阅读文档解决了这个问题,自动完成组件包含一个defaultValue道具,它可以传递一个您希望显示为从一开始选择的选项数组。大家好,如果有人遇到这个问题,我通过正确阅读文档解决了这个问题,autocomplete组件包含一个defaultValue props,它可以传递一个选项数组,您希望从一开始就显示为选中的选项
const [collaborators, setCollaborators] = React.useState( props.edit ? currentProject.collaborators : [] )