React
题词策
总有一天你会站在世界最亮的地方。活成自己渴望的模样
展开
-
React生命周期
React生命周期1、componentDidMount() // 组件挂载完成之后触发的生命周期 相当于vue的mountedcomponentDidMount(){ setInterval(()=>{ // 修改state的唯一方法 // @param 要修改的数据 // @param 修改完成之后的回调函数 this.setState({ index:this.state.index++原创 2020-06-09 20:48:19 · 1557 阅读 · 5 评论 -
单页面应用开发_详解(MPA/SPA)
单页面应用开发MPA与SPA简介:MPA (Multi-page Application)MPA (Multi-page Application) 多页面应用指的就是最传统的 HTML 网页设计,早期的网站都是这样的设计,所之称为「网页设计」。使用 MPA 在使用者浏览 Web 时会依据点击需求切换页面,浏览器会不停的重载页面 (Reload),整个操作也常感觉卡卡。如果使用这样的设计在 Web App 中,使用者体验比较差,整体流畅度扣分。但进入门槛低,简单套个 jQuery 就可以完成。原创 2020-06-08 16:57:25 · 442 阅读 · 0 评论 -
React项目build之后资源文件路径 问题解决 背景图片
React项目build之后资源文件路径 问题解决 背景图片1. 找到node_modules -> react-scripts -> config -> paths.js修改function getServedPath(appPackageJson) { const publicUrl = getPublicUrl(appPackageJson); const servedUrl = envPublicUrl || (publicUrl ? url.parse(原创 2020-06-07 23:15:09 · 558 阅读 · 0 评论 -
Hooks的原理/问题/以及注意事项
Hooks的原理- 单向链表通过next把hooks串联起来- memoizedState存在fiber node上,组件之间不会相互影响- useState和useReducer中通过dispatchAction调度更新任务Hooks的使用注意事项只能在顶层调用Hooks? Hooks是使用数组或单链表串联起来,Hooks顺序修改会打乱执行结果useState在多个组件中引入,彼此之间会不会有影响? 在React中Hooks把数据存在fiber node上的,每个组件都有自己的curr原创 2020-06-06 12:11:05 · 1357 阅读 · 0 评论 -
什么是Hooks
什么是HooksHooks是一个新的React特性提案,组件尽量写成纯函数,如果需要外部React特性(比如状态管理,生命周期),就用钩子把外部特性"钩"进来,通常函数名字都是以use开头。首次在v16.7.0-alpha版本中添加,在v16.8.0中正式发布Hooks产生的背景跨组件复用stateful logic十分困难 使用Hooks,你可以在将含有state的逻辑从组件中抽象出来,这将可以让这些逻辑容易被测试。同时,Hooks可以帮助你在不重写组件结构的情况下复用这些逻辑。复杂的组件原创 2020-06-06 11:12:17 · 15404 阅读 · 0 评论