【问题标题】:Material UI 4.0 Unable to Set Default Value in AutocompleteMaterial UI 4.0 无法在自动完成中设置默认值
【发布时间】:2022-12-23 22:17:52
【问题描述】:

Material UI 4.0 无法在自动完成中设置默认值,这是我也在使用 formick 的以下详细信息:

   <Autocomplete
            required
            options={Names}
            getOptionLabel={option => option.label}
            id='Name'
            aria-label='name'
            label='Name'
            name='name'
            clearOnEscape
            closeIcon={<SearchIcon />}
            className='name-action'
            renderInput={params => (
              <TextField
                {...params}
                required={true}
                label='Search Name'
              />
            )}
          />

其中选项是数组的对象

option= [
    { name: 'Air' },
    { name: 'Train' },
    { name: 'Surface' }]

我尝试将这些值也放在上面的自动完成中,但它对我不起作用

【问题讨论】:

    标签: javascript reactjs material-ui


    【解决方案1】:

    defaultValue 与以下相同的格式选项对象一起使用

    <Autocomplete
            required
            options={Names}
            getOptionLabel={option => option.label}
            id='Name'
            aria-label='name'
            label='Name'
            name='name'
            defaultValue={{ name: 'Air' }}
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2022-01-09
      • 2021-11-12
      • 2021-04-05
      • 2020-12-08
      • 2018-04-27
      • 2020-04-16
      • 2017-07-24
      相关资源
      最近更新 更多