BFE.dev
React 代码题6. useHover()

6. useHover()

ReactHooks
分享给更多人

  -通过 / -执行

It is common to see conditional rendering based on hover state of some element.

We can achive it by CSS pseduo class :hover, but for more complex cases it might be better to have state controlled by script.

Now you are asked to create a useHover() hook.

function App() {  const [ref, isHovered] = useHover()  return <div ref={ref}>{isHovered ? 'hovered' : 'not hovered'}</div>}
上一个下一个

注意特例。

解答AI讨论(102)

Try it out

Console