在React中,由于数据不可变性 若需要更改 则需要通过通知父元素 来更新子元素的数据 如我们需要通过点击事件 来更改子元素相应的样式 那么首先我们现在父元素中利用useSt...
写代码的时候一定要注意一个组件化的思想我们封装一个icon组件 可以使得我们后面的代码变得精简(这样我们就不用单独的给每一个新添加的svg添加样式) 先一个svgsprite...
之所以要实现mock 是当后台接口没有完成或者说要篡改后台接口的数据时(模拟接口) 由于国内的一些第三方mock工具容易挂掉 所以我们可以自己搭建搭建mock服务器 mock...
当我们要判断是否用户是否登录 使用到SWR 意为 stale-while-reavalidate 这是一个库意为当用户数据过期将重新发起请求获得最新数据步骤:首先从缓存中返回...
为了防止页面出错导致无限循环 必须要保证自己的errorElement是存在且不出错 因为出错就会访问errorElement 然后会一直循环 自制一个hooks/useSw...
React Router动画实践 写样式的方法 CSS Modules需要注意的是需要创建一个scss的文件 里面用来写css 然后可以直接调用里面的样式(会帮你在样式名后面...
在移动端页面开发中,需要处理 Android 和 iOS 的兼容性问题。在 Chrome DevTools 中选择手机模式,可以一定程度上模拟移动端的页面,但更多的只是方便进...
引入了路由React Router 6.4 路由(routes)指的是 根据用户请求的路径 显示不同的页面 路由器是指的是 进行一一对应的一个工具 <Outlet />作为一...
创建方式 React推出的Hooks API其中的useEffect可以解决其没有生命周期的问题 useEffect 使用规则1.[]里面是写的是被改变了的变量 如果变量值发...
6个6(由于函数执行时遇到外部变量会读取其最新的值) 注意 :由于函数是在被调用的时候才执行 在此之前都不会执行 六次由于i=j 等待1s前i从0变到5注意这里进入的...
Props 外部数据 Props的作用1.接受外部数据(只能读不能写,外部数据由父组件传递2.接受外部函数(在恰当时机调用该函数 该函数一般是父组件的函数 如何读取Props...
React 元素 1.createElement 的返回值 element 可以代表一个div2.但element 并不是真正的div(DOM 对象)3.所以我们一般称 el...
hash模式的路由1.有#号2.浏览器的兼容更好3.不需要后端路支持 History模式的路由1.无#号2.现代浏览器兼容3.需要后端路支持(可能用户会刷到一个不存在的路径 ...
Model数据模型,负责数据 就像UserModel就是对数据库的users表进行增删改查 View负责视图 界面 将模板和数据一起渲染 得到HTML Controller控...