React
yaomj1986
这个作者很懒,什么都没留下…
展开
-
单页应用刷新变空白页问题,react-router 使用browserHistory时刷新变空白页
1、问题项目打包部署到服务器上,可以正常跳转,跳转后进行刷新操作会出现页面空白现象。2、原因查找查阅网上资料,一般出现这种现象的原因是web单页面开发模式造成的。现在主流的前端框架基本都是单页面的。如:react、vue等。单页面简单来说就是访问所有资源路径、其实页面内容只有一个(一般是index.html)。这个页面中引入的js框架会根据当前访问的url去路由到相应的子页面组件(可以理...原创 2020-01-03 10:55:03 · 4520 阅读 · 0 评论 -
React+Electron封装并打包成桌面应用
0、react工程建立react工程建立见: 一个react工程的建立1、安装electron项目目录下:npm install -save electron2、main.js项目更目录下载添加main.js,基本内容:const { app, BrowserWindow, ipcMain} = require('electron');var net = requir...原创 2019-12-24 10:58:12 · 399 阅读 · 0 评论 -
一个react工程的建立
1、create-react-app# 安装 create-react-app 命令,如果已将安装请忽略npm install -g create-react-app# 创建 react项目create-react-app react-electron目录结构调整.|——config| |——webpack.dev.js| |——webpack.pro.js|——...原创 2019-12-24 10:47:51 · 97 阅读 · 0 评论 -
React16版本新增生命周期getDerivedStateFromProps替代componentWillReceiveProps
一直使用componentWillReceiveProps来进行当props发生变化时更新state,重新渲染。但是使用react16.3及以上版本时,提示componentWillReceiveProps将在17版本时被废弃。可以使用getDerivedStateFromProps来进行替代。于是研究了一下如何用getDerivedStateFromProps替代componentWillRec...原创 2019-12-20 11:46:21 · 1645 阅读 · 0 评论 -
通过react-router的Link进行页面跳转并传值的方法
使用React router定义路由时,我们可以给指定一个path,然后指定通配符可以携带参数到指定的path:首先定义路由:import { HashRouter,Route} from 'react-router-dom';class App extends React.Component { render() { return ( <HashRout...原创 2019-12-19 15:17:41 · 2057 阅读 · 0 评论 -
推荐一款仿桌面应用程序风格的React UI 框架
React Desktop专为 MacOS Sierra 和 Windows 10 提供的 React UI 组件如果使用 Electron 框架,那么你对跨平台桌面应用程序 UI 组件应该也会感兴趣,而 React-Desktop 绝对是一个不错的选择。你可以使用它轻松获取用于 Mac OS 和 Windows 10 系统上相应的 UI 组件。项目地址:http://reactdeskt...原创 2019-12-17 14:49:57 · 1619 阅读 · 1 评论 -
推荐一款react懒加载组件
一次性大批量的加载资源的时候(比如批量图片的显示),会占用大量的内存,尤其是在一些低内存的设备上会造成卡顿的现象,所以就需要在必要的时候再进行资源的加载。懒加载就是在真正需要资源才加载资源,这样就可以节省内存,尽可能的减少卡顿现象的出现。推荐一款懒加载组件:react-lazyload安装npm install --save react-lazyload使用import React ...原创 2019-12-16 11:34:02 · 190 阅读 · 0 评论 -
JS读取本地上传的excel文件并解析(react)
文件读取 使用 new FileReader()可读取为array buff,二进制字符串等等另附分段读取文件参考链接:https://blog.csdn.net/liwang2016384/article/details/80899237三方包:https://github.com/SheetJS/js-xlsxreact示例代码:import React, { Component...原创 2019-12-13 16:18:08 · 2566 阅读 · 2 评论