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

从我这个简单的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')
相关推荐
Cyann1 天前
Day1- React基础组件使用
前端·react.js
GISer_Jing1 天前
Next系统学习(二)
前端·javascript·node.js
BillKu1 天前
vue3 中 npm install mammoth 与 npm install --save mammoth 的主要区别说明
前端·npm·node.js
Ankle1 天前
vue3 父子组件v-model传值方法总结
前端·vue.js
Liquidliang1 天前
用Claude Code构建AI创意工作流:连接nano banana与veo3
前端·aigc
半花1 天前
【Vue】defineProps直接和withDefaults设置默认值区别
前端·vue.js
游九尘1 天前
服务器都是用的iis, 前端部署后报跨域,不是用同一个服务器 是前端项目的服务器做Nginx转发,还是后端项目的服务器做Nginx转发?
服务器·前端·nginx
携欢1 天前
PortSwigger靶场之DOM XSS in jQuery selector sink using a hashchange event通关秘籍
前端·jquery·xss
Apifox1 天前
如何让 Apifox 发布的在线文档具备更好的调试体验?
前端·后端·测试
咔咔一顿操作1 天前
【CSS 3D 交互】打造沉浸式 3D 照片墙:结合 JS 实现拖拽交互
前端·javascript·css·3d·交互·css3