Actualmente estoy agregando semiMonthlyRate, HolidayPay, SpecialHolidayPay, NightDiff y overtimePay pero el resultado no es el que esperaba, todos los datos ingresados los puse en useState ya que el ejercicio no necesita una base de datos.
Este es el enlace de mi proyecto. https://codesandbox.io/s/plus-minus-button-bifurcado-e6wrf?file=/src/App.js
Intenté codificar esto pero no fue el resultado esperado, usé useEffect hook.
setTotalEarnings(semiMonthlyRate + holidayPay + specialHolidayPay + calculateNightDiff + calculateOvertime);Cambie su código donde hace una adición a esto
parseFloat(semiMonthlyRate) + parseFloat(holidayPay) + parseFloat(specialHoliday) + parseFloat(nightDiff) + parseFloat(overtime) De forma predeterminada, los valores de la entrada de texto se tratan como una cadena, por lo que es necesario convertirlos. Si desea evitar esto, simplemente use <input type="number"> , para ingresar valores numéricos