Material UI Autocomplete：显示部分选择

Question

我在自动完成建议中显示来自 state 的三个属性值（option.primary_line、option.city、option.state 和 option.zip_code）； however, I'm trying to display only the option.primary_line value in the textarea when an option from the list is selected.我尝试将 option.primary_line 值设置为 state 并将其作为值（也尝试过 defaultValue）添加到 textarea 中，但无济于事。我错过了什么？

<Autocomplete
  id="combo-box-demo"
  options={addressSuggestions}
  getOptionLabel={(option) =>
   `${option.primary_line}, ${option.city}, ${option.state} ${option.zip_code}`
  }
  onInputChange={handleAddressLookup}
  freeSolo={true}
  renderInput={(params) => (
    <TextField
      {...params}
      variant="outlined"
      fullWidth
    />
  )}
/>

Answer 1

您应该改用renderOption，并在getOptionLabel 中返回您要分配给输入的值

<Autocomplete
  ...
  renderOption={(option) =>
   `${option.primary_line}, ${option.city}, ${option.state} ${option.zip_code}`
  }
  getOptionLabel={(option) => option.primary_line}
  ...  
/>