react-自动完成的Google Map Is is formik在textfield材料中捕获

Question

我在autocomplete@react-google-maps/api 的问题上有

问题在我的textfield中，由＆lt; autocomplete＆gt;＆lt;/autocomplete＆gt;，我只捕捉我写的

文本：我想搜索巴黎，

我写pa我单击paris，如果我登记结果，我将获得pa而不是巴黎在我的textfield中

import React from 'react'
import { Autocomplete } from '@react-google-maps/api';
import { useFormik } from 'formik';
import { useGoogleMaps } from './GoogleMapsProvider';
import { Button, TextField } from '@mui/material';

function Form() {
  const { isLoaded } = useGoogleMaps();

  const formik = useFormik({
    initialValues: {},
    onSubmit: (values) => {
      console.log(JSON.stringify(values, null, 2));
    },
  });

  return (
    <div>
      <h1 style={{textAlign:'center', fontFamily:"Rajdhani", marginTop: 30}}>Test</h1>
      <div style={{textAlign:'center'}}>
        <form onSubmit={formik.handleSubmit}>
          <Autocomplete>
              <TextField name="place" onChange={formik.handleChange} label="Place" variant="outlined" sx={{ width: 300, marginTop: 5 }} required/>
          </Autocomplete>
          <Button variant="contained" sx={{ marginTop: 2 }} type="submit">Add</Button>
        </form>
      </div>
    </div>
  )
}

export default React.memo(Form)