英文:
Giving id to element and consoling not working outside of useEffect and functions
问题
我有这个组件
import { useState, useEffect } from "react"
export default function profile() {
const [text, setT] = useState("")
const f = () => console.log(hiop)
const t = "hi boy how r u "
function type(s = 100, i = 0, d = 0) {
setInterval(() => (
d == 0 ? i++ : i--,
i >= t.length && d == 0 ? d = 1 : i == 0 ? d = 0 : 0,
setT(t.slice(0, i))), s)
}
useEffect(() => {
type()
console.log(hiop)
}, [])
return (
<h1 id="hiop" onClick={f}>{text}</h1>
)
}
英文:
I have thid component
import { useState, useEffect } from "react"
export default function profile() {
const [text, setT] = useState("")
const f = () => console.log(hiop)
const t = "hi boy how r u "
function type(s = 100, i = 0, d = 0) {
setInterval(() => (
d == 0 ? i++ : i--,
i >= t.length && d == 0 ? d = 1 : i == 0 ? d = 0 : 0,
setT(t.slice(0, i))), s)
}
useEffect(() => {
type()
console.log(hiop)
}, [])
return (
<h1 id="hiop" onClick={f}>{text}</h1>
)
}
Can anybody tell me why its not working outside of useEffect and callback functions when I console the hiop element and why does it work when I put this console in useEffect and callback functions like onclick onsubmit
答案1
得分: 2
当您在第6行调用函数f时，它确实起作用，并且当您单击h1时调用它，它会记录。
尝试在将来使变量名称更清晰。
英文:
It really works when you invoke the function f in line 6 and it's called when you click your h1 and it logs
Try to make variables names more clear for yourself in the future
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论