May 2018
Intermediate to advanced
470 pages
13h 54m
English
To collect the delivery address from the user, we will add the following text fields to the checkout form to collect street address, city, zip code, state, and country.
mern-marketplace/client/cart/Checkout.js:
<TextField id="street" label="Street Address" value={this.state.checkoutDetails.delivery_address.street} onChange={this.handleAddressChange('street')}/><TextField id="city" label="City" value={this.state.checkoutDetails.delivery_address.city} onChange={this.handleAddressChange('city')}/><TextField id="state" label="State" value={this.state.checkoutDetails.delivery_address.state} onChange={this.handleAddressChange('state')}/><TextField id="zipcode" label="Zip Code" value={this.state.checkoutDetails.delivery_address.zipcode} ...Read now
Unlock full access