form react

form.js

<Form onSubmit={(e) => e.preventDefault(e)}>
    <Row form>
        <Col md={3}>
            <FormGroup>
                <Label for="latitude">Latitude</Label>
                <Input readOnly type="text" name="latitude" id="latitude" value={this.state.currentLatLng.lat}/>
            </FormGroup>
        </Col>
        <Col md={3}>
            <FormGroup>
                <Label for="longitude">Longitude</Label>
                <Input readOnly type="text" name="longitude" id="longitude" value={this.state.currentLatLng.lng} />
            </FormGroup>
        </Col>
        <Col md={6}>
            <FormGroup>
                <Label for="providerName">Nome</Label>
                <Input type="text" name="providerName" id="providerName"/>
            </FormGroup>
        </Col>
    </Row>
    <Row form>                                
        <Col md={6}>
            <FormGroup>
                <Label for="city">Cidade</Label>
                <Input type="text" name="city" id="city" defaultValue={this.state.formattedAddress.city}/>
            </FormGroup>
        </Col>
        <Col md={6}>
            <FormGroup>
                <Label for="address1">Endereco</Label>
                <Input type="text" name="address1" id="address1" defaultValue={this.state.formattedAddress.street}/>
            </FormGroup>
        </Col>
    </Row>
    <Row form>
        <Col md={2}>
            <FormGroup>
                <Label for="countryCode">Pais</Label>
                <Input type="text" name="countryCode" id="countryCode" defaultValue={this.state.formattedAddress.country} />
            </FormGroup>
        </Col>
        <Col md={2}>
            <FormGroup>
                <Label for="state">Estado</Label>
                <Input type="text" name="state" id="state" defaultValue={this.state.formattedAddress.state} />
            </FormGroup>
        </Col>                                        
        <Col md={4}>
            <FormGroup>
                <Label for="address2">Bairro</Label>
                <Input type="text" name="address2" id="address2" defaultValue={this.state.formattedAddress.district}/>
            </FormGroup>
        </Col>
        <Col md={4}>
            <FormGroup>
                <Label for="address3">CEP</Label>
                <Input type="text" name="address3" id="address3" defaultValue={this.state.formattedAddress.cep}/>
            </FormGroup>
        </Col>
    </Row>
    <Row form>                                        
        <Col md={6}>
            <FormGroup>
                <Label for="payments">Formas de Pagamento</Label>
                <Input type="text" name="payments" id="payments"/>
            </FormGroup>
        </Col>
        <Col md={6}>
            <FormGroup>
                <Label for="services">Servicos</Label>
                <Input type="text" name="services" id="services"/>
            </FormGroup>
        </Col>
    </Row>
    <Row form>
        <Col md={12}>
            <p style={{opacity: 0.8, color:"gray"}}>Informacoes de Contato</p>                                        
        </Col>
        <Col md={4}>
            <FormGroup>
                <Label for="telefone">Telefone</Label>
                <Input type="tel" mask="(99) 99999-9999" maskChar=" " tag={InputMask} name="telefone" id="telefone"/>
            </FormGroup>
        </Col>
        <Col md={4}>
            <FormGroup>
                <Label for="email">Email</Label>
                <Input type="email" name="email" id="email"/>
            </FormGroup>
        </Col>
        <Col md={4}>
            <FormGroup>
                <Label for="site">Site</Label>
                <Input type="text" name="site" id="site"/>
            </FormGroup>
        </Col>
    </Row>
    <Button type="submit" color="primary" size="lg" block>Enviar</Button>                                             
</Form>