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