0

tengo un inconveniente puntual , envio solo el código que tengo problemas, al seleccionar un valor en el select no carga queda undefine en mi input me toca volver a seleccionar otro valor en el select para que aparezca el valor, necesito que el valor que seleccione en el select me cargue de una y no tener que seleccionar dos veces un valor para que funcione .

  const setSelect = (value) => {
  if (initialeRow.nombre >= 1) {
    let isArray = getArray(value);
    if (isArray) {
      setarraySelect([...arraySelect, isArray]);
      setInitialRow({ nombre: initialeRow.nombre - 1 });
      setRows([...rows, initialeRow]);
    }
  }
}
      
      
      const handleInput_division = (event) => {
      
       const { name, value } = event.target;
  setSelect(value)
  setNumber({ ...number, [name]: value });
  setInitialRow({ nombre: event.target.value });
     
    };


      return (
           
        <select  onChange={handleInput_division} name='' >
                <option value='9'>9</option>
               <option value='10'>10</option>  
               <option value='11'>10</option>  
                 
              </select>
              
      //input
      {rows.map((e, index) => (
            <Row
              nombre={e.nombre}
              index={index}
              onChange={(index, value) => handleOnChange(index, value)}
              key={index}
            />
    )

5
  • Tu pregunta no es clara, no tiendo que quieres lograr, solo entendi que quieres agregar una función al select que haga algo cuando se dispare el onChange, pero no se que quieres hacer después, edita tu pregunta por favor.
    – Ivandez
    el 29 oct. 2021 a las 13:53
  • lo que en si necesito es que llame otra funcion dentro del onchange sin mover lo que ya hay..
    – Giovanny
    el 29 oct. 2021 a las 14:16
  • Puedes crear otra función que haga lo que necesitas y dentro de esa funcion tambien declaras el setSelect
    – Ivandez
    el 29 oct. 2021 a las 14:24
  • esta es la funcion setselect : const setSelect = (value) => { if (initialeRow.nombre >= 1) { let isArray = getArray(value); if (isArray ) { setarraySelect([...arraySelect, isArray]); } if (isArray ) { setInitialRow({ nombre: initialeRow.nombre - 1 }); setRows([...rows, initialeRow]); } } , como hago para agregar las lineas de codigo que menciono en la pregunta?
    – Giovanny
    el 29 oct. 2021 a las 14:27
  • Esa repuesta va en el cuerpo de la pregunta, cualquier duda que tengas, escribela en el cuerpo de la pregunta, ten en cuenta que entre más información compartas, más personas podran ayudarte y mejor calidad de repuestas obtendras, a demas, me hes dificil leer tu repuesta sin un identado, entonces tambien ten en cuenta que entre más facil des la informacion, mas personas se animaran a responder tu pregunta.
    – Ivandez
    el 29 oct. 2021 a las 14:34

1 respuesta 1

0

no esto muy seguro de lo que intentas hacer, a lo que entiendo podrias hacer algo asi:

const setSelect = (value) => {
  if (initialeRow.nombre >= 1) {
    let isArray = getArray(value);
    if (isArray) {
      setarraySelect([...arraySelect, isArray]);
      setInitialRow({ nombre: initialeRow.nombre - 1 });
      setRows([...rows, initialeRow]);
    }
  }
}

const handleChange = (event) => {
  const { name, value } = event.target;
  setSelect(value)
  setNumber({ ...number, [name]: value });
  setInitialRow({ nombre: event.target.value });
}

return(
  <select  onChange={handleChange} name='numberIni3' >
    <option value="5">5</option>  
  </select>
)
2
  • encontre el problema del codigo que me subio pero no se como solucionarlo, lo que pasa es que el select cuando selecciono por primera vez el valor no lo carga queda undefine y toca seleccionar otro valor y hay si lo carga...
    – Giovanny
    el 30 oct. 2021 a las 21:14
  • reformule la pregunta con un codigo mas legible por si me puede ayudar es.stackoverflow.com/questions/494116/…
    – Giovanny
    el 31 oct. 2021 a las 12:40

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.