简介
react-thai-address-autocomplete 是一个npm包，可以帮助你在 React 应用中快速添加泰国地址自动完成的功能。本文将介绍如何安装和使用这个 npm 包。
安装
npm install react-thai-address-autocomplete --save
或者使用 yarn：
yarn add react-thai-address-autocomplete
使用方式
首先，需要引入组件：
import AddressAutoComplete from 'react-thai-address-autocomplete';
然后，在你的 React 组件中，添加以下代码：
<AddressAutoComplete
onSelected={address => console.log(address)}
apiKey="YOUR_GOOGLE_API_KEY"
/>这样，当用户从下拉列表中选择一个地址时，onSelected 函数将会被调用，并传入一个包含地址信息的对象。
参数说明
onSelected：选择地址后的回调函数，接收一个包含地址信息的对象作为参数。apiKey：你的 Google API Key，如果你还没有注册，请前往 Google Developer Console 创建一个。注意，在使用此组件之前，需要先启用 Places API。
示例代码
-- -------------------- ---- -------
------ ----- ---- --------
------ ------------------- ---- ----------------------------------
----- --- ------- --------------- -
------------------ -
-------------
---------- - -
-------- ---
--
-
--------------------- - ------- -- -
--------------- ------- ---
--
-------- -
------ -
-----
--------- ---- ------- -----------------
--------------------
---------------------------------------
----------------------------
--
-------------------------------
------
--
-
-
------ ------- ----结论
react-thai-address-autocomplete 让在 React 应用中实现泰国地址自动完成功能变得非常容易。我们只需要使用此 npm 包，并提供必要的 API KEY，即可快速实现此功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b6251ab1864dac67371