Saltar al contenido

reaccionar material ui formulario de contacto ejemplo

Indagamos por el mundo online para tener para ti la solución a tu problema, si tienes alguna difcultad puedes dejar tu pregunta y te contestamos porque estamos para servirte.

Ejemplo: envío de control de formulario de interfaz de usuario de material

import React from 'react'
import  Field, reduxForm  from 'redux-form'
import TextField from 'material-ui/TextField'
import  RadioButton, RadioButtonGroup  from 'material-ui/RadioButton'
import Checkbox from 'material-ui/Checkbox'
import SelectField from 'material-ui/SelectField'
import MenuItem from 'material-ui/MenuItem'
import asyncValidate from './asyncValidate'

const validate = values => 
  const errors = 
  const requiredFields = [ 'firstName', 'lastName', 'email', 'favoriteColor', 'notes' ]
  requiredFields.forEach(field => 
    if (!values[ field ]) 
      errors[ field ] = 'Required'
    
  )
  if (values.email && !/^[A-Z0-9._%+-][email protected][A-Z0-9.-]+.[A-Z]2,4$/i.test(values.email)) 
    errors.email = 'Invalid email address'
  
  return errors


const renderTextField = ( input, label, meta:  touched, error , ...custom ) => (
  
)

const renderCheckbox = ( input, label ) => (
  
)

const renderRadioGroup = ( input, ...rest ) => (
   input.onChange(value)/>
)

const renderSelectField = ( input, label, meta:  touched, error , children, ...custom ) => (
   input.onChange(value)
    children=children
    ...custom/>
)

const MaterialUiForm = props => 

export default reduxForm(
  form: 'MaterialUiForm',  // a unique identifier for this form
  validate,
  asyncValidate
)(MaterialUiForm)

Valoraciones y reseñas

Si posees algún recelo y capacidad de afinar nuestro noticia puedes realizar una crítica y con deseo lo estudiaremos.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 4)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *