ReactJs
文章平均质量分 61
杨小事er
这个作者很懒,什么都没留下…
展开
-
React实现组件间互斥点击
组件间互斥就是利用了一个父组件中的各个子组件的state来改变组件的checked属性来实现选中是否有效。原创 2016-05-10 22:30:50 · 2899 阅读 · 0 评论 -
React实现限制checkBox的点击个数
链接:Yangzhedi.github.io/react/limitCheckBox.html 还是用state limitNum 来控制 最多点击个数,再用jq来获取当前被选中的checkbox个数,与this.state.limitNum比较, if($("input[name='labels']:checked").length > this.state.li原创 2016-06-30 22:59:10 · 4416 阅读 · 0 评论 -
yangzhedi.com代码开源啦~~
yangzhedi.com源码 yzd的个人网站:www.yangzhedi.top 一个前端React后端Django的简易网站模版, blog功能和股票爬虫功能已经大体实现,其余功能还在更新中。更新日记 2016.10.30 网站上线,并托管在github上,Yangzhedi/myBlog,前后端分离,前端选用React框架,后端采用Django框架,数据库是django框架自带数据原创 2017-02-15 01:24:32 · 526 阅读 · 0 评论 -
React的dangerouslySetInnerHTML与Angular的ng-bind-html
公司的技术栈是angularjs,所以对angular的解析html比较熟悉,就是众所周知的ng-bind-html<div ng-bind-html="'<strong>csdn</strong>'"></div>不过我的个人博客前端是用react搭建的,当时选用的是富文本编辑器编辑博客(虽然现在换成了markdown的格式),当时并没有解决react解析html的问题,现在才发现,这个问题其实并原创 2017-07-25 15:42:07 · 628 阅读 · 0 评论 -
Redux基础概览
Redux是什么?专注于状态管理的库,和react解耦,单一状态,单向数据流核心概念:store, state, action, reducer对Redux来说只有这三个要素:a. action是纯声明式的数据结构,只提供事件的所有要素,不提供逻辑。b. reducer是一个匹配函数,action的发送是全局的:所有的reducer都可以捕捉到并匹配与自己相关与否,相关就拿走action中的要素进...原创 2018-02-13 11:55:11 · 222 阅读 · 0 评论 -
redux中间件之redux-thunk
redux的核心概念其实很简单:将需要修改的state都存入到store里,发起一个action用来描述发生了什么,用reducers描述action如何改变state tree 。创建store的时候需要传入reducer,真正能改变store中数据的是store.dispatch API。1.概念dispatch一个action之后,到达reducer之前,进行一些额外的操作,就需要用到mid...原创 2018-04-16 20:59:58 · 1485 阅读 · 0 评论 -
react-router4的按需加载实践(基于create-react-app和Bundle组件)
最近在网上也看到了react-router4的好多种按需加载的方法。 传送门:https://blog.csdn.net/foralienzhou/article/details/73437057 虽然自己的项目不大,但是也要区分前台和后台,如果让访问前台的用户也加载了后台的js代码,还是很影响体验的,所以挑了一种按需加载的方法进行实践(基于create-react-app和Bundle组件)...原创 2018-03-29 15:39:58 · 1375 阅读 · 0 评论 -
react代码拆分之react loadable源码浅析
在做个人网站的js拆分打包时,最终的解决方案是看着网上的教程手写了Bundle高阶组件来动态加载需要的组件。对于它的运用也仅仅是把路由拆开,访问不同的顶级路由进行动态加载,并没有对其原理进行深入的理解。直到看到了React 的加载 loading 库——react-loadable。react-loadable是什么?Loadable提倡基于组件分割代码。 route-centric code s...原创 2018-05-03 15:33:30 · 1628 阅读 · 0 评论