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} ...
