No he podido lograr crear una división entre un campo input y un campo select.
El algoritmo lo que hace es cuando coloco un numero en el input1 me genera en el select los divisores de dicho numero ahora lo que necesito es que me divida lo que hay en el input1 con el valor que seleccione en el select en otro input nuevo
He intentado de varias formas pero no he podido lograr la división de estos dos campos el input uno con el select
import { useState } from 'react'
export default function Pruebas() {
const [number, setNumber] = useState({input: 0, two: 0})
const [division, setDivision] = useState()
const [input, setInput] = useState()
const [values, setValues] = useState([])
const handleClick = event => {
event.preventDefault()
setValues([+input, ...values])
}
const useEffect1= ()=>{
const { input, two} = number
setDivision(Number(input) / Number(two))
}
const handleInput = (event) => {
const { name, value } = event.target
setNumber({...number, [name]: value})
}
return (
<div className="App">
<input placeholder='Ingrese divisor' value={input} onChange={event => setInput(event.target.value)} />
<button onClick={handleClick}>Agregar divisor</button>
<br /><br />
<select name='two' class='form-control'>
<option value='no' selected>
Select
</option>
{values.map((item, index) => (
<option key={index} value={item}>
{item - 1}
</option>
))}
</select>
<br />
<button onClick={useEffect1}>dividir</button>
<input value={division} placeholder="Resultado división" readOnly/>
</div>
);
}