
React
文章平均质量分 61
React博文
harmsworth2016
这个作者很懒,什么都没留下…
展开
-
【React】React hooks 清除定时器并验证效果
React hook启用定时器后,在组件销毁时清除定时器。原创 2024-04-05 16:13:49 · 1141 阅读 · 0 评论 -
【React】React18+Typescript+craco配置最小化批量引入Svg并应用的组件
无论是哪种Web UI框架都不可避免的要与Svg打交道,那么批量引入才更方便管理Svg。原创 2024-04-05 15:00:40 · 1194 阅读 · 0 评论 -
【React】React知识要点记录
React官网将React的实现细节揉碎了捏细了,再“喂”给初学者,讲的非常细致,建议细看教程,有问题再针对查阅。也许某些思路和片段即使是有几年经验的Reacter,依然有眼前一亮的精妙之处。原创 2024-04-02 09:40:48 · 429 阅读 · 0 评论 -
【React】在React中如何渲染空格
代码中冒号是英文冒号,以便显示空格是否渲染。原创 2024-04-01 23:04:08 · 903 阅读 · 0 评论 -
【React】onClick点击事件传参的4种方式
【代码】【React】onClick点击事件传参的4种方式。原创 2024-03-29 00:03:10 · 3907 阅读 · 0 评论 -
【React】hooks获取input值的4种方式
【React】hooks获取input值的3种方式原创 2022-08-22 08:03:53 · 1646 阅读 · 1 评论 -
react学习笔记(六)ErrorBoundary--错误边界的具体应用场景
ErrorBoundary可以在任务子组件中捕获js错误,只需在根组件中定义一次,即可捕获所有子组件的错误。原创 2019-01-23 16:39:51 · 8527 阅读 · 0 评论 -
react学习笔记(三)获取焦点的2种方式
获取焦点前言方式一:React.createRef()方式二:使用函数前言在React中,只要props或state发生改变,则render()方法必定执行,即DOM会更新。然React更新DOM时,可能会导致已经获取焦点的元素失去焦点,故此时需要操作DOM,获取焦点。方式一:React.createRef()使用React.createRef()方法可以创建一个存储dom的ref,当r...原创 2019-01-08 11:28:19 · 7293 阅读 · 0 评论 -
react学习笔记(五)使用Context上下文实现组件通信
前言在React中,父子组件可以通过props通信,然有一些公共的数据(语言、主题等)需要多个组件使用,此时,可以用Context实现父组件定义值,多个子组件(孙组件)获取值的方式。请查看下面的链接https://juejin.im/post/5c26c7f7e51d4511fb7da3ca...转载 2019-01-18 10:03:52 · 1057 阅读 · 0 评论 -
react学习笔记(四)[译] React 16.6 懒加载(与预加载)组件
前言最近在看react官方文档,见识了es6 import()动态加载和React.lazy()懒加载函数,很想写一篇博客记录心得,然在掘金上浏览到一篇与此相关的技术译文,写的挺棒,把我没有考虑到的应用点都写出来了,特转发该译文https://juejin.im/post/5c31a45df265da61193bfc7e...转载 2019-01-17 11:40:04 · 3008 阅读 · 0 评论 -
react学习笔记(二)组件、props和state
组件、props和state组件propsstate异步更新总结组件React组件分为function组件和class组件,都以大写字母开头,都是自定义组件,且这两种组件是等价的。class组件需要使用ES6 class创建一个class,然后继承React.Component,添加一个render()方法,在方法中返回jsx格式的模板字符串。Note: Always start comp...原创 2019-01-04 16:49:18 · 203 阅读 · 0 评论 -
react学习笔记(一)jsx注释方式
jsx语法jsx是一个javascript扩展语法,它有如下优点。JSX 执行更快,因为它在编译为 JavaScript 代码后进行了优化。它是类型安全的,在编译过程中就能发现错误。使用 JSX 编写模板更加简单快速。注释方式 render() { return ( <Fragment> {/* 多行注释 */} ...原创 2018-12-30 14:37:32 · 1517 阅读 · 0 评论