随笔分类 - react
摘要：在创建react项目，执行以下命令的时候 报错如下： 解决方案： 全局安装即可
阅读全文
摘要：elementUI+react 布局 完整方法：
阅读全文
摘要：首先在public/index.html中 最终改变 这个图标 误区： 一开始可能会考虑直接修改 但是这样是获取不到图标的，这里指向的是字体图标。
阅读全文
摘要：element的DatePicker获取value的时候是日期对象如下，可以提交的时候查看参数 2019-06-30T17:02:02.000Z 如果是console.log打印出来的话，是这样的 查看了下，后台接收的时间也是这样的，所以就无需转时间戳或字符串（'2019-07-01 11:42:5
阅读全文
摘要：create-react-app搭建的项目，兼容声明 本系统不支持IE浏览器，建议在使用双核浏览器的（QQ浏览器，360极速浏览器等）选择极速模式查看，系统也会在默认极速模式下打开，请勿切换到兼容模式，基于官方360浏览器Webkit内核的内核版本Chrome 63太低（猎豹浏览器也是如此），无法兼
阅读全文
摘要：解决： 它与react-hot-loader模块有关。用这个 npm i -D react-hot-loader@next
阅读全文
摘要：react项目中，package.json中proxy的配置如下 就会报这样的错误 When specified, "proxy" in package.json must be a string.Instead, the type of "proxy" was "object".Either re
阅读全文
摘要：存在两个问题 一，资源文件路径 config/paths.js 这里原来的.pathname:'/', 改成.pathname:'./' 由此，背景图片的地址可能是 二，当点击路由跳转的时候，会出现这样的报错 解决方案： routes/index.js 把原来的 改成： 就可以了 当然开发的时候，最
阅读全文
摘要：场景：在create-react-app whatwg-fetch的项目中，想获取请求返回的数据， 查来下原因， promise 要用then接收或者async await 最终选择来后者的写法：
阅读全文
摘要：场景：正常的情况下是这么引用图片，我的图片路径是 src/images/login-from-icon1.png 结果：不能现实图片 解决： 方案一： 可以把图片放到public文件中，这里的图片路径是 public/img/login-from-icon1.png 这里有说明 https://fa
阅读全文
摘要：场景：在引入组件的时候，希望解决"../components/page/member"这样的引入； 希望：像vue的项目中用@components/page/member引入组件 单向操作不可逆，npm eun eject命令暴露项目的配置，可以自由配置项目所需的依赖，不使用的版本零配置即可开发。
阅读全文
摘要：场景：login页面点击登陆按钮，登陆成功后，进入home页面；（当然，这里就不能用Link跳转了） 问题：history的报错； 解决：需要引入react-router-dom中的withRouter 然后在暴露出组件的时候，用withRouter给包裹起来~像这样： 最后，在你需要跳转的logi
阅读全文
摘要：比较路由中有无switch的区别： 代码一： 如果URL是"/", 那么<Home>将都被渲染，因为它们的path全都被匹配到 代码二： 如果URL是"/"，<Switch>将会开始寻找相匹配的<Login>。<Route path="/" />将会被匹配到，紧接着 <Switch>会停止继续匹配并
阅读全文
摘要：针对跨域请求，cors模式是常见跨域请求实现，但是fetch自带的no-cors跨域请求模式则较为陌生，该模式有一个比较明显的特点： 该模式允许浏览器发送本次跨域请求，但是不能访问响应返回的内容，这也是其response type为opaque透明的原因。 总的来说，fetch的跨域请求是使用COR
阅读全文
摘要：项目中控制路由跳转使用的是BrowserRouter 在开发过程中使用是没有问题的，但是将页面上传至服务器之后，问题就来了：用户访问的资源不存在，页面是空白的。 原因： 在browserHistory 模式下，URL 是指向真实 URL 的资源路径，当通过真实 URL 访问网站的时候，由于路径是指向
阅读全文
摘要：命令行安装全局create-react-app脚手架工具：npm install -g create-react-app 定位到工作目录下，创建项目：create-react-app react-elementui 特别注意：项目名称不能有大写字符。 这样，react项目就创建完成了。 接下来安装e
阅读全文
