美文网首页react
react useEffect封装自定义hooks

react useEffect封装自定义hooks

作者: 修齐治平zzr | 来源:发表于2021-09-15 10:05 被阅读0次
自定义hooks其实使用场景很多,因为我们大多数项目是spa单页面或者混合spa开发。如果我们想要页面像掘金、bilibili那样,在内容页标题是内容的题目,这样可以让用户更直观的看到页面的主题和内容。下面是该hooks的实现:
import { useEffect } from 'react'

const useTitle = (title) => {
    useEffect(() => {
      document.title = title
    }, [])
    return
  }

export default useTitle
我们只需要在hooks中设置title即可,使用如下:
const Detail = () => {
  useTitle('页面标题');
  return <Detail />
}

相关文章

网友评论

    本文标题:react useEffect封装自定义hooks

    本文链接:https://www.haomeiwen.com/subject/cfbcgltx.html