![](https://img-blog.csdnimg.cn/20190927151132530.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
8.2 React基本使用技巧
React基本使用技巧
大象无形,大音希声
专业,专心,专注
展开
-
一个简单的基于Webpack的React入门项目
虽然React提供了create-react-app的脚手架命令行帮助我们自动生成一个react的项目,但是因为生成的项目还是被create-react-app的脚手架进行了封装,我们还是不知道其是如何运行开发模式的。因此,笔者这篇文章就简单的给大家介绍一下,如果自己手工创建一个可以编译React代码,同时也能识别JSX文件,动态热加载的一个React入门项目。步骤1. 创建一个空项目cd C:\Users\rodney\react-webpack-basicnpm init执行后,其会生成一个p原创 2020-10-14 23:36:59 · 544 阅读 · 0 评论 -
React update插件中 splice指令的理解
在看《React开发实战》一书中,其提到了React的update的指令,其可以对一个对象进行深度复制和修改,那为什么要update指令,因为我们知道,在javascript的世界中,对象是传的引用而不是值,当一个复杂的对象里面又嵌套了子对象的时候,如果把当前的对象做一个深度的复制,其实还是蛮复杂的,所以React中,其提供了一个帮助类库:update 其可以通过下面的方法进行安装: npm in原创 2017-10-04 19:11:37 · 3525 阅读 · 0 评论 -
react-table组件入门和在IE11上遇到的坑
react-table是一个非常好的渲染数据表的一个react的前端控件,当时之所以选择这个库就是因为其每列的列宽可以自己拖拽变宽或者变窄,而且其可以非常容易的被定制。我们可以看到起用户的给Star已经达到了2k,看来应该是一个不错的模块。 而且其提供了可以在线练习和修改代码的范例和平台,非常的方便初学者快速掌握。左边修改代码,右边立马就能看到修改的结果。 下面就是一个简单的例子,import原创 2017-10-20 23:00:02 · 5546 阅读 · 1 评论 -
在线格式化ReactJS的代码
不知道什么原因,有的时候,我从Github上把ReactJS的代下载下来,然后用atom或者Sublime打开的时候,其没有被格式化,比如下面的样子:有的时候真的很无奈,突然想到,以前格式化JSON数据的时候,可以找一个在线网站格式化JSON数据,那么对于这些没有被格式化的ReactJS的代码有没有在线的工具可以帮忙格式化呢? 于是就搜索了 React Format, 但是不幸的是,没有搜素到,后面原创 2017-10-04 02:05:18 · 2564 阅读 · 0 评论 -
在React的Redux中,如何方便的查看next state的状态?
我们在React 的开发过程中,通常会引用Redux,作为一个事件,数据和视图的一个解耦框架,从而更加有利于代码的工程实践和维护。使用Reducer的时候,我们通过mapStateToProps方法或者mapDispatchToProps方法,把reducer中维护的state映射到React组件的props上去。但是有的时候,有用reducer里面定义的结构比较复杂,里面有好几层嵌套,我在使用被映原创 2017-11-14 23:46:34 · 2229 阅读 · 0 评论 -
[1]React 深入浅出-----React的介绍
最近在为一个Web项目进行前端框架的选型,本人当前的项目,是一个企业内部自己用的系统,所以对界面要求不太高,但是由于管理的数据比较多,对于前端页面渲染的性能要求比较高,比较了一圈之后,感觉React 这个框架比较合适。 引用知乎上的一篇文章原创 2017-08-03 23:11:54 · 1430 阅读 · 1 评论 -
[2]React 深入浅出-----React的一个高级表格实现功能
在我们平常的企业级应用程序里面,表格形式的数据的展现和搜索是非常常见的。一般的做法都是在列表的上面,加几个搜索条件,然后最下面放一个搜索按钮,然后通过调用后台的Ajax进行过滤,然后调用JQuery等其他框架,进行 DOM书的更新,当然这个也是一个好的实现方法,但是就是有一点不太优雅。而且不是所见即所得,比如,必须输入了所有的输入条件,才能进行结构的搜索,而且把数据传输到后端,在传回来,性能上不是特别的好。 那么有没有更好的方法,刚好笔者这段时间在学习React,看到了Stoyan Stefanov写的一本原创 2017-08-06 22:18:36 · 7075 阅读 · 0 评论 -
[3]React 深入浅出-----JSX简介
在使用React的时候,就不得不提JSX, JSX可以理解为JavascriptXML,其标准的官方网站为:https://github.com/jsx/JSX,安装JSX也很简单.通过这个JSX工具,就可以执行一些jsx命令,把一些jsx文件,转换成为特定的输出。那么React是如何利用JSX为其服务的呢?请参考本篇文章。原创 2017-08-06 23:54:50 · 934 阅读 · 0 评论 -
如何让Create-React-App的应用自动支持HTTPS?
我们知道,我们在使用React框架的时候,可以通过Create-React-App命令生成一个React的应用。但是有的时候,我们想让其支持HTTPS,应该如何做呢? 其实不难,只要我们设置在系统的环境变量里面设置了,HTTPS=TRUE PORT=443就行了。 那么为什么呢? 因为其实我们在控制台运行npm start的时候,其会调用create-react-app命令给我们封装好了脚本。其原创 2017-11-26 23:22:48 · 7139 阅读 · 1 评论