react useEffect封装自定义hooks

自定义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 />
}