Tengo un formulario y cuando se envía tomo los valores con la función saveEntity.
Ahora, en este formulario, tengo algunos campos que se muestran después de elegir otros valores. De estos campos, no recibo ningún valor en mi función saveEntity.
export const MyFunctionName = (props) => { // code... const saveEntity = (event, errors, values) => { console.log('values ', values); // other code } const RuoliChoosen = ruolo => { if (!ruolo.ruolo) { return <div />; } return ( <div> <Row> <Col md="6"> <AvGroup> <Label for="accessNumber">{'Access Number'}</Label> <AvInput id="accessNumber" data-cy="accessNumber" type="text" className="form-control" name="accessNumber" /> </AvGroup> </Col> //..... } return( <AvForm model={isNew ? {} : userClientAuthorityEntity} onSubmit={saveEntity}> <AvInput id="user-client-authority-application" data-cy="application" type="select" className="form-control" name="applicationId" onChange={handleChange} required > <option value="" key="0"> Select Application </option> {applicationList ? applicationList.map(value => { return ( <option value={value.appCod} key={value.appCod}> {value.appDesapplicazione} </option> ); }) : null} </AvInput> // this RuoliChoosen receive "ruoli" from another function (it works) <RuoliChoosen ruolo={ruoli} /> )}Cuando envío el formulario, espero ver los valores en saveEntity, en este caso solo los valores para application y accessNumber, pero recibo solo el valor para application.
¿Cómo puedo arreglarlo? Gracias.
Formatee bien su código al codificar, ya que normalmente el formato sigue su lógica. A veces, las personas son exigentes con el formato, pero en realidad lo que están diciendo es que no se sienten cómodos leyendo su código. Confía en mí, no querrás sentirte incómodo leyendo el código;)
const RuoliChoosen = ruolo => {Esto no es un componente, en cambio
const RuoliChoosen = ({ ruolo }) => { Porque ruolo es un puntal, no todo el props
Enviaste a ruolo como accesorio donde se llama al componente. Pero lo enviaste como un objeto. Y luego, en ese componente donde recibes este ruolo como apoyo, viene como un objeto. Si quieres acceder a él tienes que desestructurarlo. Así que cámbialo.
de
const RuoliChoosen = ruolo => { return() }a
const RuoliChoosen = ({ruolo}) => { return() }Gracias.