Middle+
Postoji komponenta App i komponenta Rand iz spoljne biblioteke, koji prikazuju slučajan broj. Potrebno je napraviti da se svakih 3 sekunde slučajan broj menja, i da se prikazuje brojač promena. Sve samo u komponenti App.
sobes.tech АИ
Одговор од АИ
В компоненте App можно использовать состояние и таймер, чтобы каждые 3 секунды обновлять случайное число и счётчик изменений.
Пример на React:
import React, { useState, useEffect } from 'react';
import Rand from 'some-rand-library'; // предположим, что Rand экспортирует функцию getRandomNumber
function App() {
const [randomNumber, setRandomNumber] = useState(Rand.getRandomNumber());
const [count, setCount] = useState(0);
useEffect(() => {
const interval = setInterval(() => {
setRandomNumber(Rand.getRandomNumber());
setCount(prev => prev + 1);
}, 3000);
return () => clearInterval(interval);
}, []);
return (
<div>
<p>Случайное число: {randomNumber}</p>
<p>Количество изменений: {count}</p>
</div>
);
}
export default App;
Здесь всё логика обновления находится внутри компонента App: с помощью useEffect создаётся интервал, который обновляет состояние randomNumber и count каждые 3 секунды.