@@ -51,26 +51,36 @@ const App = () => {
51
51
52
52
``` jsx
53
53
import React , { useState } from ' react' ;
54
- import { AddressForm } from ' @lob/react-address-autocomplete'
54
+ import { AddressForm , verify } from ' @lob/react-address-autocomplete'
55
55
56
- const AddressFormDemo = ({ apiKey }) => {
57
- const [selectedResult , setSelectedResult ] = useState ({})
56
+ const API_KEY = ' YOUR API KEY HERE'
58
57
58
+ const AddressFormDemo = () => {
59
+ const [address , setAddress ] = useState ({})
59
60
60
- const handleSelect = (selected ) => {
61
- setSelectedResult (selected)
61
+ const handleFieldChange = (payload ) => {
62
+ console .log (` ${ payload .event .target .id } Field Change` , payload)
63
+ setAddress (payload .address )
62
64
}
63
65
64
- const handleSubmit = () =>
65
- // Set this to handle an actual button click
66
- console .log (selectedResult)
66
+ const handleSelect = (selection ) => {
67
+ console .log (' Address Selection' , selection)
68
+ setAddress (selection .value )
69
+ }
70
+
71
+ const handleSubmit = () => {
72
+ verify (API_KEY , address).then ((verificationResult ) => {
73
+ console .log (' Verification Results' , verificationResult)
74
+ })
75
+ }
67
76
68
77
return (
69
78
< div className= " demoContainer" >
70
79
< h2> Address Form< / h2>
71
80
< AddressForm
72
- apiKey= {apiKey }
81
+ apiKey= {API_KEY }
73
82
onSelection= {handleSelect}
83
+ onFieldChange= {handleFieldChange}
74
84
/ >
75
85
< button
76
86
onClick= {handleSubmit}
0 commit comments