随笔分类 -  react

摘要:学习本文的前置知识: React每次更新都会从rootFiber(根Fiber节点)向下深度优先遍历 JSX在编译时会变为React.createElement,在组件render时会调用该方法。 30秒速答: 知乎首页是React写的,我们可以覆写React.createElement方法,在运行 阅读全文
posted @ 2021-04-13 10:09 苍青浪 阅读(170) 评论(0) 推荐(0) 编辑
摘要:一 前言 React高阶组件(HOC),对于很多react开发者来说并不陌生,它是灵活使用react组件的一种技巧,高阶组件本身不是组件,它是一个参数为组件,返回值也是一个组件的函数。高阶作用用于强化组件,复用逻辑,提升渲染性能等作用。高阶组件也并不是很难理解,其实接触过后还是蛮简单的,接下来我将按 阅读全文
posted @ 2021-03-26 09:43 苍青浪 阅读(1321) 评论(0) 推荐(0) 编辑
摘要:前言: 这篇文章会假设你已经对 react hook 有一些基础的了解. 主要讨论什么是 useRef , useRef 与 createRef 的区别, 以及在什么情况下使用 useRef . 什么是 useRef 首先, 我们要实现一个需求 -- 点击 button 的时候 input 设置焦点 阅读全文
posted @ 2020-07-17 09:38 苍青浪 阅读(1946) 评论(0) 推荐(0) 编辑
摘要:react-styleguidist是一个基于JSDOC可以帮助react项目快速构建项目文档的一个插件。 一、简单入门 1.1 环境准备 准备一个新鲜的react项目(非必需) npx create-react-app react-app 添加react-styleguidist npm inst 阅读全文
posted @ 2020-07-01 10:06 苍青浪 阅读(1332) 评论(0) 推荐(0) 编辑
摘要:在react中,通过富文本编辑器进行操作后的内容,会保留原有的标签样式,并不能正确展示。 在显示时,将内容写入__html对象中即可。具体如下: <div dangerouslySetInnerHTML = {{ __html: checkMessages.details }} /> 如果是直接调用 阅读全文
posted @ 2020-05-09 08:43 苍青浪 阅读(3779) 评论(0) 推荐(0) 编辑
摘要:在react router官方文档关于component的部分写着: When you use component (instead of render or children, below) the router uses React.createElement to create a new R 阅读全文
posted @ 2020-04-21 08:29 苍青浪 阅读(6390) 评论(0) 推荐(0) 编辑
摘要:在react典型的数据流中,props传递是父子组件交互的唯一方式;通过传递一个新的props值来使子组件重新re-render,从而达到父子组件通信。当然,就像react官网所描述的一样,在react典型的数据量之外,某些情况下(例如和第三方的dom库整合,或者某个dom元素focus等)为了修改 阅读全文
posted @ 2018-12-11 20:30 苍青浪 阅读(6004) 评论(0) 推荐(0) 编辑
摘要:React的核心为组件。你可以像嵌套HTML标签一样嵌套使用这些组件,这使得编写JSX更加容易因为它类似于标记语言。 当我刚开始学习React时,当时我认为“使用 props.children 就这么回事,我知道它的一切”。我错了。。 因为我们使用的事JavaScript,我们会改变children 阅读全文
posted @ 2018-11-12 16:25 苍青浪 阅读(2153) 评论(0) 推荐(0) 编辑
摘要:Redux 的 React 绑定库包含了 容器组件和展示组件相分离 的开发思想。明智的做法是只在最顶层组件(如路由操作)里使用 Redux。其余内部组件仅仅是展示性的,所有数据都通过 props 传入。 那么为什么需要容器组件和展示组件相分离呢? 这里有个基本原则:容器组件仅仅做数据提取,然后渲染对 阅读全文
posted @ 2018-07-31 10:55 苍青浪 阅读(595) 评论(0) 推荐(0) 编辑
摘要:1、redux中间件 中间件提供第三方插件的模式,自定义拦截 action -> reducer 的过程。变为 action -> middlewares -> reducer 。这种机制可以让我们改变数据流,实现如异步 action ,action 过滤,日志输出,异常报告等功能。 常见的中间件: 阅读全文
posted @ 2018-06-15 17:53 苍青浪 阅读(18551) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示
哥伦布
03:14发布
哥伦布
03:14发布
7°
多云
西南风
3级
空气质量
相对湿度
64%
今天
多云
-1°/10°
周三
小雨
2°/12°
周四
中雨
2°/14°