Question

我正在使用React，material-ui和redux-form进行项目。长话短说：比起我目前正在使用的选择字段，有时有很多选择，因此用户要求通过搜索进行选择。

为此，我正在尝试在材料ui的实验部分中使用自动完成组件：

<Autocomplete
      options={options}
      style={{ width: '80%', padding: '10px '}}
      getOptionLabel={ options => (options.nombres +" "+options.apellidos) }
      renderOption={ (options, status) => {
        return (options.nombres + " " + options.apellidos)
      }}
      renderInput={params => { console.log(params); return(<TextField 
        { ...params} 
        label={label}
        fullWidth
    />)}}

这里的问题是，当我提交表单时，字段的值是我正在使用getOptionLabel显示的字符串，但是我需要显示名称，但是在提交表单时获得值Id。如果你们能帮我这个忙的话，那就很开心了。

Answer 1

我为此使用钩子

isOpen

如何获取选项ID而不是自动完成组件中显示的字符串？

1 个答案: