как сделать setInterval, чтобы каждую секунду например к числу добавлялось рандомное число?

const App: () => React$Node = () => {
  const [counter, setCounter] = React.useState(0);

  React.useEffect(() => {
    const timer = setInterval(() => {
      setCounter(counter + Math.random() * 10);
    }, 1000);
    return () => {
      clearInterval(timer);
    };
  }, []);

  return (
    <>
      <StatusBar barStyle="default" />
      <View style={styles.container}>
        <Text>{counter}</Text>
      </View>
    </>
  );
};

пишу на react native но не суть
что-то не могу вдуплить

понял, щас
а то у меня телефон аж взрывался от нагрузки
видимо каждый рендер интервал создавался

но ведь странно, правда? я же в сетКаунтер могу передать число, а могу и колбэк с предыдущим значением

разве нет?

всем привет, напомните плиз как отрисовать html разметку которая приходит с сервака в react компоненту

всем привет, напомните плиз как отрисовать html разметку которая приходит с сервака в react компоненту

Нет, не могло.  js запрещает

странно, сделал - работает
но глянул ток шо доку по реакту
https://reactjs.org/docs/hooks-state.html
а там пример вот такой: setCount(count + 1)

в апи по хукам functional updates

Люди, а есть разница как писать функциональные компоненты, стрелочной или обычной функцией?