react
文章平均质量分 51
孤独--患者
前端新技术学习交流
展开
-
通过class的super理解react里的super(props)
原文链接:https://www.jianshu.com/p/67d0d6b7bfeb我听说hooks最近很热。具有讽刺意味的是,我想通过描述有关类组件的有趣事实来开始这个博客。那会怎么样!这些陷阱对于有效地使用React并不重要。但是如果你想更深入地了解事情的运作方式,你可能会发现它们很有趣。这是第一个。我写过的super(props)比我知道的要多:class Checkbox extends React.Component { constructor(pro...转载 2020-11-02 18:53:57 · 434 阅读 · 0 评论 -
create-react-app创建的项目打包后的文件很大
在使用react-create-app脚手架搭建的项目,在我们编译打包时会产生很多.map文件,导致编译后的项目非常大,怎么让打包后的文件不包含.map文件呢,只需案下面修改对应的配置即可在node-module/react-scripts/config/webpack.config.prod.js,把devtool设置为false即可...原创 2018-05-07 14:47:45 · 7268 阅读 · 1 评论 -
五分钟掌握react-router4和react-router3区别
React Router 4 发布,我能清晰地感觉到来自 Twitter 大家对新版本中其 大量的修改 的不同声音。诚然,我在学习 React Router 4 的第一天,也是非常痛苦的,但是,这并不是因为看它的 API,而是反复思考使用它的模式和策略,因为 V4 的变化确实有点大,V3 的功能它都有,除此之外,还增加了一些特性,我不能直接将使用 V3 的心得直接迁移过来,现在,我必须重新审视 r...转载 2018-05-29 18:29:16 · 7532 阅读 · 1 评论 -
react如何实现代码分割,路由动态加载
众所周知,在使用webpack打包react应用时,webpack将整个应用打包成一个js文件,当用户访问首屏时,会一次性加载整个js文件,当应用的规模变得越来越庞大的时候,首屏渲染速度变慢,影响用户体验。于是,webpack开发了代码分割的特性, 此特性能够把代码分割为不同的bundle文件,然后可以通过路由按需加载或并行加载这些文件。代码分割可以用于获取更小的bundle,以及控制资源...转载 2018-05-30 10:26:48 · 11523 阅读 · 5 评论 -
react中英文切换一
最近项目需要添加中英文切换功能,涉及到antd组件内部中英文、谷歌地图中英文、以及网站上文字的中英文切换。我将分三篇文章依次介绍,今天先讲讲antd内部组件的切换。首先头部引入import {LocaleProvider } from 'antd';import en_US from 'antd/lib/locale-provider/en_US';import zh_CN from...原创 2018-08-16 19:56:51 · 4372 阅读 · 0 评论 -
react中英文切换二
上一篇我们介绍了antd组件内部中英文切换问题,现在我们来看看antd外的中英文怎么切换。这里我们主要用到了阿里的react-intl-universal插件,相信很多人百度也看到过雅虎的react-intl插件,我最开始也是用的这个,用着用着发现并不能很好的满足我的需求,react-intl只能用在组件上,而当我要处理js中的文字时,比如echarts、highcharts之类的图表时,会要...原创 2018-08-17 11:46:26 · 2951 阅读 · 2 评论 -
react中英文切换三之谷歌地图中英文切换
<script> const url=localStorage.getItem('lang_type')==="zh_CN"?"//maps.google.cn/maps/api/js?key=YOUKEY&language=zh-CN&libraries=geometry": "//maps.google.cn/maps/api/js?key...原创 2018-08-28 11:03:43 · 3474 阅读 · 0 评论 -
react中父子组件和兄弟组建通讯
说 React 组件间通讯之前,我们先来讨论一下 React 组件究竟有多少种层级间的关系。假设我们开发的项目是一个纯 React 的项目,那我们项目应该有如下类似的关系:父子:Parent 与 Child_1、Child_2、Child_1_1、Child_1_2、Child_2_1兄弟:Child_1 与 Child_2、Child_1_1 与 Child_2、etc.针对这些...转载 2019-03-28 16:49:27 · 2282 阅读 · 0 评论