Los botones deben moverse unas cuantas flechas hacia la derecha y hacia la izquierda. Elijo en la casilla de verificación qué flecha quiero y luego debe moverse cada vez + o - 20 grados para que los senos giren. Los botones funcionan pero se atascan y las flechas no se mueven con fluidez.

curretnAngle es un nuevo ángulo que comparo con cada flecha y sus ángulos y luego en la segunda función lo cambio a 20 grados cada vez

 const handleChange=(e)=>{ let curretnAngle; if (props.selectedButton=='turret') { console.log(props.selectedButton); curretnAngle = props.angleTurret console.log(props.angleTurret, curretnAngle); } else if (props.selectedButton=='lazer') { curretnAngle= props.angleLazer } else{ curretnAngle = props.radanglee } switch (e.target.name){ case 'minus': console.log(curretnAngle,props.selectedButton); props.handlerotat(curretnAngle-20) console.log('minus') break; case 'plus': console.log(curretnAngle,props.selectedButton); props.handlerotate(curretnAngle+20) console.log('plus') break; }

 const handlerotate=(newAngle)=>{ switch (selectedButton) { case 'turret': setAngleTurret(newAngle) break; case 'lazer': setAngleLazer(newAngle) break; case 'lezerr': setAnglerad(newAngle) break; } }