第一题:
以下代码alert的内容是什么?
import { useState } from "react"
export default function Counter() {
const [number, setNumber] = useState(0);
return(
<>
<h1>{number}</h1>
<button onClick={()=> {
setNumber(number + 5)
alert(number)
}}>+5</button>
</>
)
}
答案:0
第二题:
以下代码是否会产生闭包:
const fn = () => {
const a = 1;
return () => {
console.log(1)
}
}
fn()(); // 1
答案:输出1,不会产生闭包
第三题:
实现以下代码的focus的hook
function App() {
const [ref, isFocused] = useFocus()
return <div>
<input ref={ref} />
{isFocused && <p>focu</p>}
</div>
}