技术栈

react 基础之自定义一个简单的hooks

前端一课2023-11-02 21:02

从我这个简单的hooks 理解来看自定义hooks 其实就是一个功能的小片段,就是一个导出一个功能模块的小片段

js 复制代码
import { useEffect } from "react";
function useTitle(title: string) {
    useEffect(() => {
        document.title = title
    })
}

export default useTitle

使用起来也很简单,导入调用方法

js 复制代码
import useTitle from './hooks/useTitle';
useTitle('这是一个ohhks')
上一篇:前端项目集成sentry
下一篇:centos 搭建 zookeeper 高可用集群
相关推荐
_Kayo_
6 分钟前
TypeScript 学习笔记2
前端·javascript·typescript
海纳百川本尊76064
8 分钟前
Flutter框架核心原理深度解析
前端
Shaneyxs
9 分钟前
从 0 到 1 实现CloudBase云开发 + 低代码全栈开发活动管理小程序(12)
前端
渔_
17 分钟前
uni-app 图片预览 + 长按保存,超实用!
前端
八哥程序员
17 分钟前
从DOM结构到布局流:display: content的深度解析与实战应用
前端·css
Shaneyxs
17 分钟前
从 0 到 1 实现CloudBase云开发 + 低代码全栈开发活动管理小程序(07)
前端
Shaneyxs
19 分钟前
从 0 到 1 实现CloudBase云开发 + 低代码全栈开发活动管理小程序(10)
前端
Shaneyxs
20 分钟前
从 0 到 1 实现CloudBase云开发 + 低代码全栈开发活动管理小程序(05)
前端
Shaneyxs
23 分钟前
从 0 到 1 实现CloudBase云开发 + 低代码全栈开发活动管理小程序(08)
前端
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03Linux下V2Ray安装配置指南04在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)05Neo4j(一) - Neo4j安装教程(Windows)06【AutoGLM部署】本地私有化部署AI手机Agent07Cursor 又偷偷更新,这个功能太实用:Visual Editor for Cursor Browser08Open-AutoGLM Windows 安装部署教程09安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)10BongoCat - 跨平台键盘猫动画工具