
react
文章平均质量分 56
苏墨晨
静下心,仔细想,谨慎做
展开
-
react中的props
在开发react的时候,是分为组件来进行开发的,正是有了组件化模式,给开发带来了许多的方便。在使用react组件的时候,因为都是单组件,因此,在子组件需要父组件的方法的时候,我们就要想办法来获取了。react中是提供的单向绑定,而并不是像vue是可以进行双向绑定的。当然拉,react也可以做当逆向传输,这个我将在下一篇文章中介绍。言归正传,react中,使用单向传输就必须使用props了。在rea...原创 2018-05-18 23:44:18 · 512 阅读 · 0 评论 -
react中的逆向传输流
在react中提供的props只能进行单向传输流,但是在某些情况下,我们必须要从子组件发送信息到父组件,因此,我们可以进行函数来进行触发,从而达到逆向传输流。举个栗子~~~class DemoOne extends React.Component { handleVote(productId) { const nextProducts = this.state.produc...原创 2018-05-18 23:58:23 · 1115 阅读 · 0 评论 -
在react中使用fetch
fetch是一个和axios一样的一个基于promise封装的一个http库。但是他与axios不同,从我个人角度理解,他比axios封装的更为严谨。在刚使用fetch去请求数据的时候:fetch('url').then(res=>{ console.log(res); })输出的并不是我们请求的数据,而是:但是,从status来看,我们的确从服务端请求到了数据。这就是他与其他ht...原创 2018-05-19 15:28:29 · 12111 阅读 · 0 评论 -
react中使用Jest+Enzyme的单元测试(详细)
在react中还是在编写vue的项目的时候,不管是大型项目亦或是中小型项目,我觉得编写单元测试是一个很好的习惯,我在看了好多博客之后,发现,大多数博客都是在写相关配置等问题,而并没有详细传授用户如何使用单元测试,因此,我写这篇文章的目的也是让react用户学会使用单元测试。我就从头教下如何使用。在使用create-react-app的命令下载了react脚手架后,用户可以将src目录下的App...原创 2018-09-23 18:03:54 · 2428 阅读 · 3 评论 -
自己动手从头做一个react路由
本案例用的是create-react-app脚手架生产的demo,在创建好后需要安装history模块和prop-types模块。npm install history --savenpm install prop-typeshistory主要是需要来制作前进后退相关的步骤,而prop-types则是基本的类型检查。安装以上两个模块后就开始制作react的路由。首先,路由最...原创 2018-10-10 16:14:33 · 2795 阅读 · 0 评论