用户登录

先准备一下项目,在项目里创建一个组件 ,放在 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。

准备项目(AppHook)《 React 前端应用开发:Hooks 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点