Guest User

Untitled

a guest
Feb 12th, 2018
109
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.01 KB | None | 0 0
  1. constructor() {
  2. super();
  3. //Cambia this.userFormDetail por this.state y así para todo lo que sigue
  4. //y nombre las variables con la letra inicial en minuscula por favor name, email, middleName
  5. this.userFormDetail = {
  6. Name: "",
  7. MiddleName: "",
  8. LastName: "",
  9. Surname: "",
  10. Email: "",
  11. SkypeUser: "",
  12. IdentificationCard: 0,
  13. Birthday: "",
  14. CityBirth: "",
  15. CityResidence: "",
  16. Address: "",
  17. CivilStatus: "",
  18. NumberChildren: 0,
  19. CurrentCompany: "",
  20. CurrentPosition: "",
  21. Degree: "",
  22. CurrentSemester: 0,
  23. Sede: "",
  24. PlatformEmail: "",
  25. PlatformPassword: "",
  26. Description: "",
  27. DataPolicy: 0
  28. };
  29. }
  30.  
  31.  
  32. Tengo ese constructor, esto está bien hecho?
  33.  
  34.  
  35.  
  36. render() {
  37. return (
  38. <div className="app flex-row align-items-center">
  39. <Container>
  40. <Row className="justify-content-center">
  41. <Col md="6">
  42. <Card className="mx-4">
  43. <CardBlock className="card-body p-4">
  44. <h1>Registrar información del usuario</h1>
  45. <p className="text-muted">Por favor incluya la siguiente información</p>
  46.  
  47. <form>
  48. <InputGroup className="mb-3">
  49. <Input type="text" value={this.userFormDetail.Name} placeholder="Primer nombre" onChange={this.onChange} />
  50. </InputGroup>
  51.  
  52. <InputGroup className="mb-3">
  53. <Input type="text" value={this.userFormDetail.MiddleName} placeholder="Segundo nombre" onChange={this.onChange} />
  54. </InputGroup>
  55.  
  56. <InputGroup className="mb-3">
  57. <Input type="text" value={this.userFormDetail.LastName} placeholder="Primer Apellido" onChange={this.onChange} />
  58. </InputGroup>
  59.  
  60. <InputGroup className="mb-3">
  61. <Input type="text" value={this.userFormDetail.Surname} placeholder="Segundo Apellido" onChange={this.onChange} />
  62. </InputGroup>
  63.  
  64. <InputGroup className="mb-3">
  65. <Input type="email" value={this.userFormDetail.Email} placeholder="Correo electrónico" onChange={this.onChange} />
  66. </InputGroup>
  67.  
  68. <InputGroup className="mb-3">
  69. <Input type="text" value={this.userFormDetail.SkypeUser} placeholder="Usuario de Skype" onChange={this.onChange} />
  70. </InputGroup>
  71.  
  72. <InputGroup className="mb-3">
  73. <Input type="number" value={this.userFormDetail.IdentificationCard} placeholder="Cedula" onChange={this.onChange} />
  74. </InputGroup>
Add Comment
Please, Sign In to add comment