我在react中制作了一个快速的app.js文件，该文件通过console.log向我显示数字是素数还是不是每1到无穷大；在我的主页上，我的意思是"；代替console.log，有什么想法吗？
import {useInterval} from "../hooks/use-interval";
let num = 0
export default function Task1Prime() {
const isPrime = num => {
for(let i = 2; i < num; i++)
if(num % i === 0) return num+" isnt prime number";
return num+ " is prime number";
}
useInterval(function (){
console.log(isPrime(num++));
},1000)
return (
<div className="task">
</div>
);
} ```
import {useInterval} from "../hooks/use-interval";
import {useState} from "react";
let num = 0
export default function Task1Prime() {
const isPrime = num => {
for(let i = 2; i < num; i++)
if(num % i === 0) return num+" isnt prime number";
return num+ " is prime number";
}
const [isNumPrime, setIsNumPrime] = useState(isPrime(num))
useInterval(function (){
setIsNumPrime(isPrime(num++));
},1000)
return (
<div className="task">
{ isNumPrime }
</div>
);
}
使用状态变量isNumPrime，只需使用函数更新它，它就会自动更改页面上的元素。