
react
文章平均质量分 66
react学习
Aaron_1127
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
react实现图片左右滑动和下拉加载
移动端实现图片左右滑动,滑到右边加载更多,图片也可以上下滚动,滑到底部加载更多原创 2023-04-06 18:01:14 · 1239 阅读 · 0 评论 -
React Hooks 中useContext api的用法
创建一个react项目可以参考:https://blog.youkuaiyun.com/weixin_43398820/article/details/123776338背景正常组件之间传递属性如下图所示:app.js中有个全局属性theme,如果想把theme对象作为属性传递到其它子组件中:Header->User->Button如果不用hooks可以像上面那样一层一层的传递下去。useContext的使用useContext主要解决组件多层传递属性的问题,使用useContext就可以在原创 2022-04-03 16:29:31 · 1331 阅读 · 0 评论 -
React自定义hooks学习
创建一个react项目可以参考:https://blog.youkuaiyun.com/weixin_43398820/article/details/123776338使用自定义hooks实现2个小例子例1 获取鼠标当前坐标的自定义hooks新建src–>hook->useMousePosition.tsx文件注:自定义hooks必须以set命名import React,{useState,useEffect} from "react";//因为要返回positions对象所以函数不能原创 2022-04-01 00:13:14 · 1449 阅读 · 0 评论 -
React Hooks 中useEffect api的用法
创建一个react项目可以参考:https://blog.youkuaiyun.com/weixin_43398820/article/details/1237763381. 使用useEffect实现标题更新(无需清除的副作用)import react,{useState,useEffect} from 'react';const LikeButton: react.FC = ()=>{ //like为一个变量默认值为0,setLike更新like的函数 const [like,set原创 2022-03-30 21:47:09 · 989 阅读 · 0 评论 -
React Hooks 中useState api的用法
利用hooks中的useState实现一个点赞按钮创建一个react项目可以参考:https://blog.youkuaiyun.com/weixin_43398820/article/details/123776338在src目录下新建一个components–>LikeButton.tsx文件import react,{useState} from 'react';const LikeButton: react.FC = ()=>{ //like为一个变量默认值为0,setLik原创 2022-03-27 18:28:58 · 746 阅读 · 0 评论 -
react+typescript 编写一个简单的hello world
开发环境配置利用create-react-app脚手架创建一个支持typescript语法的项目create-react-app官方文档地址:https://create-react-app.bootcss.com/docs/getting-started执行安装命令npx create-react-app my-app --template typescript注:最新的版本的npm需要加上–templatenpx是在安装npm5.2.0+时自动安装的简单了解了一下:npx 会自动查原创 2022-03-27 17:43:17 · 2451 阅读 · 0 评论