如何解决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 举报,一经查实,本站将立刻删除。