随笔分类 - react
摘要:前言 Context被翻译为上下文,在编程领域,这是一个经常会接触到的概念,React中也有。 在React的官方文档中,Context被归类为高级部分(Advanced),属于React的高级API,但官方并不建议在稳定版的App中使用Context。 The vast majority of a
阅读全文
摘要:官网:https://react-1251415695.cos-website.ap-chengdu.myqcloud.com/docs/render-props.html 理解阅读:https://segmentfault.com/a/1190000015006498
阅读全文
摘要:React合成事件 一react合成事件 如果DOM上绑定了过多的事件处理函数,整个页面响应以及内存占用可能都会受到影响。React为了避免这类DOM事件滥用,同时屏蔽底层不同浏览器之间的事件系统差异,实现了一个中间层——SyntheticEvent。 二.合成事件和原生事件的执行顺序是什么?可以混
阅读全文
摘要:参考:https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651229767&idx=1&sn=8f06283e43cfcda722189b56644f4dfc&chksm=bd4957c38a3eded58cd388130c4f303ff4
阅读全文
摘要:Ref的作用:Refs 提供了一种方式,允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。 什么时候使用:react的状态态的开发形式,能通过状态控制的,应该避免尽可能少的使用ref。 一.创建并访问refs(方法一) 注意:!!ref 的值根据节点的类型而有所不同: 当
阅读全文
摘要:首先要知道的是: redux 和 react 没有关系,redux 可以用在任何框架中,忘掉 react。 connect 不属于 redux,属于react-redux redux的是用流程: 1.action-type.js: 首先建立action-type.js定义一些操作,一般用常量表示。
阅读全文
摘要:react组件不像Jquery式的过程式开发,拿到dom节点实例,修改这个节点的style和class,就能达到效果。react也可以这样开发,通过refs去拿实例节点。通过修改class去达到实现动画的目的,这两种开发方式是都可行的。 但是,react是状态态是开发,这种开发框架的本意是通过修改s
阅读全文
摘要:转载自:https://www.jianshu.com/p/e227e222b359
阅读全文
摘要:事件中函数的处理 1.在构造方法中bind(this) 2. 如果采用“实验性”写法,回调函数的写法可以采用以下方式: 3 如果没有使用“实验性”写法,可以在回调中使用箭头函数: 向事件处理传递参数(两种方法) 如果通过箭头函数的方式,事件对象必须显式的进行传递,而通过 bind 的方式,事件对象以
阅读全文
摘要:├── node-moduls ----------------------各种依赖模块 │ ├── favicon.ico │ └── manifest.json ├── config ------------------webpack配置 │ ├── env.js │ ├── jest │ │ ...
阅读全文
摘要:Highchart在react中引入的方法为: 方法一 1.安装相关依赖 npm install highcharts Npm install highcharts-react-offical 2.在相关模块引入: Import Hightcharts from ‘highcharts’ Impor
阅读全文
摘要:create-react-app
阅读全文

浙公网安备 33010602011771号