Soy relativamente nuevo en la codificación y estoy trabajando en una aplicación React. Tengo un código jQuery que me gustaría usar, pero he leído que es malo mezclar reaccionar y jQuery. No estoy muy seguro de cómo convertir esto en un código que pueda usar con reaccionar porque soy bastante tonto en este punto. ¡Gracias por adelantado!

 var $die = $(".die"), sides = 20, initialSide = 1, lastFace, timeoutId, transitionDuration = 500, animationDuration = 3000; $("ul > li > a").click(function () { reset(); rollTo($(this).attr("href")); return false; }); function randomFace() { var face = Math.floor(Math.random() * sides) + initialSide; lastFace = face == lastFace ? randomFace() : face; return face; } function rollTo(face) { clearTimeout(timeoutId); $("ul > li > a").removeClass("active"); $("[href=" + face + "]").addClass("active"); $die.attr("data-face", face); } function reset() { $die.attr("data-face", null).removeClass("rolling"); } $(".randomize, .die").click(function () { $die.addClass("rolling"); clearTimeout(timeoutId); timeoutId = setTimeout(function () { $die.removeClass("rolling"); rollTo(randomFace()); }, animationDuration); return false; });