Material UI <Autocomplete/> remove browser suggestion

Question

I have problem with Material-ui Autocomplete:

import Autocomplete from "@material-ui/lab/Autocomplete";

I am using then in:

 <Autocomplete
        id="checkboxes-tags-demo"
        autoComplete={false}
        options={states}
        disableCloseOnSelect
        getOptionLabel={(option) => option.name}
        onChange={onStateChange}
        renderOption={(option, { selected }) => (
          <React.Fragment>
            <Checkbox
              icon={icon}
              checkedIcon={checkedIcon}
              style={{ marginRight: 8 }}
              checked={selected}
            />

            {option.name}
          </React.Fragment>
        )}
        style={{ width: "100%" }}
        renderInput={(params) => (
          <TextField
            {...params}
            variant="outlined"
            label="State"
            placeholder="Enter state"
          />
        )}
      />

Nothing important in this code but I face this issue:

I am getting the browser suggestion. How I can remove it ?

Answer 1

正如在这个 SO question 中提到的，您应该将autoComplete="off"添加到您的 TextField。