随笔分类 -  react

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