fomik + google-autocomplete-places

问题描述

我有这段代码，当用户输入位置时，它会在下面的DIV框中列出。

但是我希望它进入FieldArray中以进行fomik。

import React,{ useRef,useState } from "react";
import GooglePlacesAutocomplete from "react-google-places-autocomplete";
import "react-google-places-autocomplete/dist/index.min.css";
import "./styles.css";

const App = () => {
  const googlePlacesAutocompleteRef = useRef();
  const [selections,setSelections] = useState([]);

  return (
    <div className="App">
      <GooglePlacesAutocomplete
        ref={googlePlacesAutocompleteRef}
        apiKey="AIzaSyBVZHIEMJ4G6135ZIljtLxjxqX97-Z2JgU"
        onSelect={(selection) => {
          setSelections([...selections,selection]);
          if (googlePlacesAutocompleteRef.current) {
            googlePlacesAutocompleteRef.current.clearValue();
          }
        }}
      />

      <ul>
        {selections.map(({ description,placeId }) => (
          <li key={placeId}>{description}</li>
        ))}
      </ul>
    </div>
  );
};

export default App;

https://codesandbox.io/s/youthful-morning-ob9e4

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）