- 博客(26)
- 收藏
- 关注
RSS订阅原创 Antd 全局化配置使组件中文化
需求：DatePicker日期选择框、Transfer穿梭框等组件需要中文化。前提：使用的Antd版本是 4.16.2 。需要操作的文件位置：src下的index.js文件。import React from 'react';import ReactDOM from 'react-dom';import './index.css';import reportWebVitals from './reportWebVitals';import { Routes } from './router/i
2021-06-09 14:18:58
662
原创 Antd 上传(Upload)组件报：Warning: [antd: Upload] `value` is not a valid prop, do you mean `fileList`?
错误记录：Warning: [antd: Upload] value is not a valid prop, do you mean fileList?Uncaught TypeError: (fileList || []).forEach is not a function错误原因：上传组件(Upload)写在标签内。根据：官方文档解决方法： <Form.Item name="dragger" // 以下两条是必须的 valuePropName="fileList"
2021-06-04 15:12:45
9681
4
原创 React实现实时/局部刷新
在React项目中，经常会遇到诸如：删除某一行的同时同时刷新表格展示最新的表格，而不是删除后，手动刷新。原先是在删除时再次调用生命周期函数中展示表格列表的函数，但会影响性能。总结：通过JS数组修改usestate中的状态。初始做法示例：......useEffect(() => { httpOffer() }, [])//获取列表 const httpOffer = () => { offerList() .
2020-08-31 10:46:02
7682
原创 React实现原生导航栏----＜NavLink＞的使用
说明最近在实习中，被React项目中导航栏困住了，项目中需要点击导航栏中某一处，进行路由跳转，使用Antd的导航栏，虽然能跳转，但是需要点击两次，效果不好（与我个人实力有关），虽然有大佬给我的代码参考，他们也是用的Antd，但是我没有看懂，换了多次关键词搜索。搜索“react 导航跳转页面”关键词的结果中，我看到了这篇文章：《react实现点击导航部分页面跳转（路由）》虽然没有解决我的问题，但是看到了NavLink，于是把这个作为关键词，在搜索结果中，得到了这两篇文章的帮助。《React Rout
2020-07-30 11:49:48
1474
2
原创 解决Antd中Modal在第一次点击时弹出框会瞬间消失，并刷新页面
使用Antd中Modal做弹出框的时候，每次点击“添加用户”（这个按钮触发Modal），弹出框会出现一两秒，之后便会消失，紧接着自动刷新页面，然后地址栏原本：http://localhost:3000/#/user会变为：http://localhost:3000/?#/user，增加了一个问号。
2020-07-29 14:44:08
3336
原创 React实现多个输入框修改信息并提交的功能
在项目中，点击修改按钮，弹出修改信息框（Modal），里面有四个输入框，实现了删除、修改输入框中原有文本的功能，但是在提交的时候，我原先想到的方法，导致最后一次修改会覆盖之前的所有修改数据。在本例中，用switch…case解决了这个问题。修改信息组件：src/edit/index.jsimport React, { Component } from 'react'export default class Edit extends Component { //输入框事件 edit
2020-07-22 09:52:30
1706
原创 React实现登录功能
由于水平有限，正在不断学习中，在本文中，将使用自己已知的知识，实现React登录功能。第一步：解决跨域。（一） 安装：http-proxy-middlewarenpm i http-proxy-middleware（二） 新建setupProxy.jsconst {createProxyMiddleware} = require('http-proxy-middleware');//配置多个跨域请求module.exports = function(app){ app.use(creat
2020-07-17 14:28:07
8208
原创 React+Antd实现搜索与分页功能
根据后台Api，实现搜索与分页功能。模糊查询Api：src/api/accout.js// 模糊查询接口export function searchVideo (data) { return service.request({ url:"/video/select", method:"get", params:data //请求类型为 get 时 })}View/admin/index.js（主界面）//引入A
2020-07-14 14:32:24
3011
原创 React学习中的BUG与解决
React学习中的BUG与解决1.创建react项目时报错：1.创建react项目时报错：参照来源报错信息摘录：npm ERR! Unexpected end of JSON input while parsing near '....0.5","gitdown":"^3.1'解决方法：第一步：npm cache clean --force第二步：npm set registry https://registry.npmjs.org/...
2020-05-26 14:05:09
543
原创 部署Vue项目至腾讯服务器
我是用的是Vue-Cli4版本。由于Vue-Cli4没有config文件夹下的index.js文件。一、 在项目根目录下创建vue.config.js注意： productionSourceMap: false ,这个为false，默认是true，改动的原因是：在最终打包的文件中会出现一些map文件，map文件的作用在于：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法...
2020-04-21 22:32:13
344
原创 Vue报：type check failed for prop “XXX“. Expected Boolean, got String.
原因：属性“XXX”类型检查失败。预期的布尔值，得到字符串。很明显“XXX”这个属性希望得到类型是布尔类型，结果得到了字符串。解决方法：解决方法就是在“XXX”这个属性前面加上“ : ”即可。实例：我的错误位置是hasRight，改成:hasRight就没有报错了。<my-header title="消息" :hasRight="true" rightTx="发起聊天">...
2020-04-21 19:59:24
9658
原创 TypeError: Identifier ‘xxxx‘ has already been declared
在写JS代码保存后报题中错误。原因：xxx标识符已经声明.解决：不能用关键字、标识符命名，改名。
2020-04-21 09:12:45
28208
原创 vue-video-player
官网一、安装npm install vue-video-player --save二、挂载全局：（main.js）import VueVideoPlayer from 'vue-video-player'import 'video.js/dist/video-js.css'Vue.use(VueVideoPlayer）组件：import 'video.js/dist/vid...
2020-04-21 09:10:05
241
原创 calc() 函数
calc() 函数用于动态计算长度值。css3 的 calc() 函数允许我们在属性值中执行数学计算操作。● 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；● 任何长度值都可以使用calc()函数进行计算；● calc()函数支持 “+”, “-”, “*”, “/” 运算；● calc()函数使用标准的数学运算优先级规则；tran...
2020-04-19 08:52:09
1158
原创 vue-awesome-swiper使用与错误解决
一、简介Swiper常用于移动端网站的内容触摸滑动Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端，以及PC端网站。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。二、安装与挂载2.1 npm下载安装：npm install vue-awesome-swiper --save--save本地测试还是项目上线，都会用到vue-a...
2020-04-19 08:45:58
2071
原创 Legacy octal literals are not allowed in strict mode
在index.js文件中，运行后出现如图错误：错误原因是：JS严格模式禁止使用八进制字面量，在我的数组中id使用了0，老的八进制（0前缀）。为什么禁止八进制字面量改成下面就解决了：...
2020-04-17 13:53:33
16892
1
原创 报错：Uncaught TypeError: Right-hand side of ‘instanceof‘ is not an object
动态绑定样式后，运行界面，一片空白，查看控制台有错误信息：经过查询，得知是script里面的东西的格式有问题，仔细排查后发现type后的String加上了单引号，去除，再次运行，便有结果了。...
2020-04-15 15:40:45
2088
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人