Как реализовать анимацию изменения цифр используя React.js?

Question

[MarEeeeee]

Имеется функция, которая должна создавать анимания бегущих цифр (в фрагменте вырезана вставка в HTML код) Не совсем понимаю, как правильно адаптировать ее под react приложение ?

const outNum = (num) => {
        let t = Math.random(time/(num/step))
        let n = 0;
        let interval = setInterval(() => {
            n = n + step;
            if(n == num){
                clearInterval(interval)
            }
        }, t);
        return n;
    }

Answer 1

[0xD34F]

function Counter({ val, time }) {
  const [ currVal, setCurrVal ] = useState(0);

  useEffect(() => {
    currVal !== val && setTimeout(setCurrVal, time, currVal + 1);
  }, [ currVal ]);

  return <div>{currVal}</div>;
}

https://jsfiddle.net/jsxopeag/