Tagged

React

A collection of 2 posts

React

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(

前端

Gatsby 3.13 + Strapi 3.6 + React-markdown 故障排查

美好的十一国庆节假期,陪孩子、睡懒觉、看各种前端资料。儿子5岁了,再也不用像之前那样寸步不离,他会找自己喜欢玩的东西。就算是缠着我下楼玩,也不用我时时刻刻的当他的拐棍,特别是他最近社交技能提升,玩秋千会排队、会交涉,也会抢,为父甚是欣慰。 言归正传,这几天以 Strapi 为数据源,分别试用了 Next.js 和 Gatsby 两款开源的前端框架。首先说 Strapi,真乃神器!本质上他是一个内容管理器 CMS,但与传统的 CMS 不同在于它不直接提供前端界面,只按照需求对外暴漏 API,它的逻辑非常灵活,你可以用预置的各种字段去组装需要的内容类型。可以很轻松的创建各种单页面、文章博客或是产品列表,然后直接在 Strapi 上面管理相应的内容,它通过 API 对外提供各种内容类型的数据,使用 react 或 vue 等前端框架从 API