Docusaurus v2 获取当前页面超链接

Docusaurus 是基于 React 的文档生成器,也可以说是在 NextJS 的基础上改进而来的程序。

当需要获取当前页面超链接时,可以使用 JS 的 windows 全局变量,例如:

console.log(window.location.href)

但直接在组建中使用 window 会导致 build 报错,程序会建议使用 useEffect,即 React 的 Hook

使用示例:

import React, { useState, useEffect } from 'react';

const [pageurl, setPageurl] = useState('')
useEffect(() => {
setPageurl(window.location.href)
})

console.log(pageurl)

在 class 中使用 this.state.pageurl 访问,在 function 中使用 pageurl 访问。

注意,这里的 pageurl 是上面示例中定义的变量。