javascript - 如何在组件中显示输出而不是控制台日志
问题描述
我在 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 并使用函数更新它,它会自动更改页面上的元素。
推荐阅读
- github - 如何查看谁有权访问个人的私人 github 存储库?
- java - IntelliJ 中未检测到 Lombok 注释 - 启用注释处理
- ruby-on-rails - 如何在 Rails 中对来自 API 的传入值进行排序
- r - 如何用固定宽度值替换字符串?
- keras - 如何实现波斯语的词嵌入
- matlab - 如何在 MATLAB 中获得稳态 ODE 系统的非零符号解?
- php - PHP - 验证 URL 参数
- spring - Spring 5,Tomcat 9,出现错误:org.apache.catalina.core.ApplicationContext.log 在类路径上未检测到 Spring WebApplicationInitializer 类型
- javascript - VSCode 显示 Waiting for the debugger to disconnect
- mysql - 如何在 MySQL 中创建可更新的有序列表结构