先准备一下项目,在项目里创建一个组件 ,放在 src/app/hook 目录里面,名字是 app-hook.tsx,在这个文件里定义一个函数类型的 React 组件,名字叫 AppHook。
然后打开 App 组件 ,在组件的顶部先导入刚才创建的 AppHook 组件,位置是当前目录 hook 里的 app-hook。
在组件的视图里面再用一下这个 AppHook,可以把它放在 AppHeader 组件的下面。
再创建一个样式表,放在 app-hook 组件的同一个目录的下面,名字是 app-hook.css,在里面添加点样式。这里主要就是设置了一下组件里的标题还有按钮的样式。
回到 app-hook 组件 ,在文件顶部导入这个样式表,位置是当前目录 app-hook.css。然后在组件的视图里的这个包装元素的上面,添加一个类,名字是 app-hook。