option.formattingFn rerender

i hope to change option.formattingFn to rerender if i changed it’s inner params .

const countUpProps = {
 start: start, 
 end: end,
 duration: duration ，
 separator: separator,
 decimals: decimals,
 delay: 0,
 formattingFn: formatNumber // dynamic function
};

[mmarkelov]

In your opinion is it possibile to prevent the animation and just re-run the formattingFn when needed somehow?

I’ll check it, not sure

For what cocerns prefix and suffix not applied in this case should I open another issue

Also will check it, but i suppose it’s just similar to CountUp behaviour.

[mmarkelov]

@Luc9802 just published 4.4.0 and it should work with redraw option:

import "./styles.css";
import CountUp from "react-countup";
import React, { useState } from "react";

const lngs = ["en", "it"];
export default function App() {
  const [lngIdx, setLngIdx] = useState(0);

  const changeLanguage = () => {
    setLngIdx((prevLngIdx) => (prevLngIdx === 0 ? 1 : 0));
  };

  return (
    <div className="App">
      <CountUp
        end={1650.25}
        decimals={2}
        prefix="test"
        suffix="test"
        redraw
        formattingFn={(val) => {
          return new Intl.NumberFormat(lngs[lngIdx]).format(val);
        }}
      />
      <br />
      <button onClick={changeLanguage}>CHANGE LANGUAGE</button>
    </div>
  );
}

And i’ll investigate the case with passing new formattingFn option.