Material UI <Autocomplete/> 移除浏览器建议

Question

我对 Material-ui 自动完成有疑问：

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

我正在使用 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"
          />
        )}
      />

这段代码没有什么重要的，但我遇到了这个问题：

我收到了浏览器建议。我怎样才能删除它？

Answer 1

如this SO question 中所述，您应该将autoComplete="off" 添加到您的TextField。