
React
文章平均质量分 97
VillanelleS
勤勤恳恳小码农一枚~
展开
-
React进阶之React Router&SSR
APP 渲染页面的结构,form表单Layout 布局,整体页面,html是在这里绘制的ErrorBoundary 目前还没用上这里 Route的根路径,算是最新版本的特性,指代当前 router的类型,这里的 ./+types/root 使用的是 tsconfig.json中的 rootDirs[1]的值,完整是 .react-router/types/app/+types 这个路径用的就是这个文件......是前端应用中常见的绘制的部分url";原创 2025-02-12 10:16:07 · 1288 阅读 · 0 评论 -
React进阶之React状态管理&CRA
通过一个参数,parentId 传递给下面的child,他们之间有一个关联的脐带:contextId,找到roots之间的关联方式。scrollIntoView,打开某个页面后,翻到某个位置,重新刷新后,还能够定位到上次翻到的那个位置上,实现锚点效果。有限状态自动机:各种各样的状态管理,通过事件触发一个行为,行为是固定的,相同的输入指向相同的输出,类似于纯函数。ref 不会重新渲染,与视图无关的时候使用,如果与视图相关的使用ref,则不会达到想要的效果。不会更新重新渲染,一般是在与视图更新无关的时候使用。原创 2025-02-10 17:20:21 · 1052 阅读 · 0 评论 -
React进阶之高阶组件HOC、react hooks、自定义hooks
类似:这种形式的就叫做自定义hook自定义hook中使用reactive中已有的hook本质上是:用已有的hooks做相同某种功能的聚合,聚合后能够在其他某个地方取消费}, []);保证代码是相对独立的}, [])return pos// 用法</div></div>原创 2025-01-22 16:22:38 · 1186 阅读 · 0 评论 -
React进阶之react.js、jsx模板语法及babel编译
react官网团队中选型时候,如果没有历史包的话,就选择最新的react,如果有历史包的话,选择不影响历史包升级的版本但是最新的也容易踩到坑在React19中,主要看新特性和带来的提升即可新特性:form类似于这里的use可以理解为,添加响应式的逻辑性能上的提升:ref可以作为props,平常项目中使用的是improveAPI去关联,而无法用props来关联。原创 2025-01-17 11:14:19 · 1349 阅读 · 0 评论