React Formik Material UI Autocomplete:如何从localStorage填充autocomplete中的值？

import React from 'react';
import { Formik, Form, Field } from 'formik';
import { Autocomplete } from '@material-ui/lab';
import { TextField } from '@material-ui/core';

const getLocalStorageValues = () => {
  const values = localStorage.getItem('autocompleteValues');
  return values ? JSON.parse(values) : [];
};

render() {
  return (
    <Formik
      initialValues={{ autocompleteValue: '' }}
      onSubmit={values => {
        // 处理表单提交逻辑
      }}
    >
      <Form>
        <Field
          name="autocompleteValue"
          render={({ field }) => (
            <Autocomplete
              {...field}
              options={getLocalStorageValues()}
              renderInput={params => (
                <TextField
                  {...params}
                  label="Autocomplete"
                  variant="outlined"
                />
              )}
            />
          )}
        />
        <button type="submit">提交</button>
      </Form>
    </Formik>
  );
}

onSubmit={values => {
  // 处理表单提交逻辑
  localStorage.setItem('autocompleteValues', JSON.stringify(values.autocompleteValue));
}}