저는 React를 배우고 연습 작업을하고 있습니다. (시간 간격)마다 숫자를 생성해야하는데, 이렇게했습니다.
import React, { useEffect, useState } from "react";
const SalesGenerator = () => {
const [number, setNumber] = useState(0);
// let salesArr = [];
useEffect(() => {
const interval = setInterval(
() => setNumber(Math.floor(Math.random() * 50 + 1)),
1000,
);
// clean up interval on unmount
return () => {
clearInterval(interval);
};
}, []);
return (
<div>
<p>{number}</p>
</div>
);
};
export default SalesGenerator;
생성 된 모든 숫자를 가져 와서 배열로 밀어 넣는 방법은 무엇입니까? 나는 이것이 배열 / 객체를 사용하여 해당 데이터를 시각화하는 차트를 생성하기 위해 필요한 단계임을 이해합니다.
이 같은
const [number, setNumber] = useState(0);
const [list, setList] = useState([]);
useEffect(() => {
const interval = setInterval(
() => setNumber(Math.floor(Math.random() * 50 + 1)),
1000,
);
// clean up interval on unmount
return () => {
clearInterval(interval);
};
}, []);
useEffect(() => {
setList([...list, number])
}, [number])
return (
<div>
<p>{list}</p>
</div>
);
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다