![](https://img-blog.csdnimg.cn/2019091813595558.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
react
文章平均质量分 66
react学习
Aaron_1127
这个作者很懒,什么都没留下…
展开
-
react实现图片左右滑动和下拉加载
移动端实现图片左右滑动,滑到右边加载更多,图片也可以上下滚动,滑到底部加载更多原创 2023-04-06 18:01:14 · 1016 阅读 · 0 评论 -
React Hooks 中useContext api的用法
创建一个react项目可以参考: https://blog.csdn.net/weixin_43398820/article/details/123776338 背景 正常组件之间传递属性如下图所示: app.js中有个全局属性theme,如果想把theme对象作为属性传递到其它子组件中: Header->User->Button如果不用hooks可以像上面那样一层一层的传递下去。 useContext的使用 useContext主要解决组件多层传递属性的问题,使用useContext就可以在原创 2022-04-03 16:29:31 · 1279 阅读 · 0 评论 -
React自定义hooks学习
创建一个react项目可以参考: https://blog.csdn.net/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 · 1400 阅读 · 0 评论 -
React Hooks 中useEffect api的用法
创建一个react项目可以参考: https://blog.csdn.net/weixin_43398820/article/details/123776338 1. 使用useEffect实现标题更新(无需清除的副作用) import react,{useState,useEffect} from 'react'; const LikeButton: react.FC = ()=>{ //like为一个变量默认值为0,setLike更新like的函数 const [like,set原创 2022-03-30 21:47:09 · 891 阅读 · 0 评论 -
React Hooks 中useState api的用法
利用hooks中的useState实现一个点赞按钮 创建一个react项目可以参考: https://blog.csdn.net/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 · 709 阅读 · 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需要加上–template npx是在安装npm5.2.0+时自动安装的 简单了解了一下:npx 会自动查原创 2022-03-27 17:43:17 · 2385 阅读 · 0 评论