Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 物料界面可搜索选择输入不更新界面_Javascript_Reactjs_Material Ui - Fatal编程技术网

Javascript 物料界面可搜索选择输入不更新界面

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 ) =

我使用MaterialUI的自动完成组件创建了一个可搜索的选择输入。我传递给它options,它是所有可能选项的字符串数组

<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 : [] )