2020-02-16 标签:react,中使,外部,样式,方式,小结,关于,css,js,认识,使用,编写,处理,方案,它的,实现,比如

一、关于css-in-js的认识1、css-in-js是一种使用 js 编写 css 样式的 css 处理方案。它的实现方案有很多，比如styled-components、polished、glamorous(paypal 开源的，不再维护)、radium、emotion等等。2、其中最成熟的便是s

2020-02-16 标签:react,精髓,一篇,概括,小结,急速,使用,一年多,最近,想在,梳理,基础知识,夯实,基础,激流,关于

学和使用react有一年多了，最近想在梳理一下react基础知识,夯实基础，激流勇进~关于reacr-router,redux,redux-saga后续都会慢慢输出，希望各位看官老爷持续关注~~要是能给个赞鼓励一下就更赞了~提醒一下：看完之后抓紧时间趁热打铁，redux,react-redux,re

2020-02-16 标签:react,组件,双向,绑定,问题,项目,可能会,遇到,类似,这样的,场景,也就是,父子,数据,首先,先把,head,引入

在项目中我们可能会遇到类似这样的场景，也就是父子组件的双向数据绑定首先，先把在head中引入react.js、react-dom.js和可选择的babel.js(这里需要注意引用的顺序，react.js必须在react-dom.js之前)在body里新建一个挂载点 然后就可以开始写JSX了，注意sc

2020-02-16 标签:react,优化,组件,render,使用,重新,引发,情况下,这样做,多余,比如,并未,传递,props,渲染,结果,不变

在react中，父组件的重新render会引发子组件的重新render，但是一些情况下我们会觉得这样做有些多余，比如：父组件并未传递props给子组件新传递的props渲染结果不变class A extends React.Component {render() {console.log('rend

2020-02-16 标签:react,高阶,组件,添加,删除,props,唠叨,几句,在看,老师,深入浅出,开头,提了,需要,创建,能给,传入

唠叨几句啦在看程墨老师的深入浅出高阶组件，开头一点提了一个需要，创建两个高阶组件，一个能给传入的元素自定义添加props，一个是删除特定的props。我刚刚做了一下，发现高阶组件需要区分好传入的是class还是react element, 同时也需要注意好return回去的是啥。顺便提一下高阶组件的

2020-02-16 标签:react,select,组件,实现,代码,之前,用的,antd,但在,并不,适用,原生,样式,修改,不灵,产生,想法

之前一直用的antd的Select组件，但在有些端并不适用，而原生的select样式修改不灵活，遂产生自己写一个组件的想法。观察select组件： {this.value=value}}manwoman可以看出数据都是在option中，有值value和显示出来的数据一一对应。如果我们写一个selec

2020-02-16 标签:react,antd,redux,实现,待办,事件,方法,之前,写过,一篇,关于,文章,简单,理解,以及,如何,使用,今天,我就,分享

之前也是写过一篇关于Redux的文章，来简单理解一下Redux,以及该如何使用。今天我就来分享一个也是入门级别的，React+Redux+antd来实现简单的待办事件。同时也讲讲自己对Redux的理解。先来看一张图吧：我们简单的比喻来让我们更加好的理解Redux，我们这样比喻(图书馆借书)：1.Re

2020-02-16 标签:react,同构,实践,之实,自己的,模板,一开始,想学,服务端,渲染,脑海中,第一个,浮现,出来,n,ext,js,成熟的

一开始想学学服务端渲染，脑海中第一个浮现出来的就是next.js这种成熟的方案。看了一两天，有趣，优雅，但是封装好了，原理不甚清楚，也感觉无法灵活嵌合到老项目上去。于是看各种资料，想整理出同构的线索，一步一步地实现自己的同构模板。相关代码可查看我的GitHub。感谢阅读！！TODO List数据：如

2020-02-16 标签:react,项目,如何,使用,iconfont,方法,步骤,通常会,作为,图标,显示,解决方案,介绍,配置,准备工作,首先,关键,需要,注意,fontclass

项目中通常会使用iconfont作为图标显示的解决方案，这里介绍下如何在项目中配置。准备工作首先配置好项目，关键需要注意FontClass/Symbol 前缀和Font Family两个配置。当我们配置好项目之后，就可以导出样式文件，复制如下图中的css链接中的内容备用。正餐开始创建Icon.js文

2020-02-16 标签:react,滑动,图片,验证,组件,示例,代码,业务,需求,需要,系统,登陆,使用,操作,机器人,效果,方式,一般

业务需求，需要在系统登陆的时候，使用“滑动图片验证码”，来验证操作的不是机器人。效果图使用方式在一般的页面组件引用即可。onReload这个函数一般是用来请求后台图片的。class App extends Component {state = {url: ""}componentDidMount()