Estoy haciendo un juego de serpientes en React y funciona bien, pero he definido un caso de cambio, donde puedes controlar a la serpiente con las teclas de flecha. Pero hay un problema, cuando la serpiente va en una dirección, no quiero que pueda ir en la dirección opuesta. como para evitar cambiar de dirección a lo largo del mismo eje, es decir, hacia la izquierda si actualmente se mueve hacia la derecha, hacia abajo si actualmente se mueve hacia arriba

Ahora me pregunto cómo puedo definir una declaración If en mi caso de cambio. Mi código hasta ahora se ve así:

 //handle user input const handleKeyPress = (e) => { e = e || window.event; setStarted(true); switch (e.keyCode) { case 38: setDirection('UP'); break; case 40: setDirection('DOWN'); break; case 37: setDirection('LEFT'); break; case 39: setDirection('RIGHT'); break; default: break; } }; //moving the snake const moveSnake = () => { //take temporary positions let tempSnakePosition; let dir; //get fresh cordinates setSnakeCordinates((prev) => { tempSnakePosition = [...prev]; return prev; }); setDirection((prev) => { dir = prev; return prev; }); //find head let tempHead = tempSnakePosition[tempSnakePosition.length - 1]; //change head let l = tempHead.left; let t = tempHead.top; switch (dir) { case 'RIGHT': if ('LEFT' && 'UP') l = tempHead.left + size break; case 'LEFT': if ('RIGHT') l = tempHead.left - size; break; case 'DOWN': t = tempHead.top + size; break; case 'UP': t = tempHead.top - size; break; default: break; }