react
我是大头鸟
匠心精神,小博股数据平台网址:https://www.read8686.com/
开放平台提供股票数据的相关接口,可以查询当前股票的数据
展开
-
React 编译之后修改服务地址
编写react 的项目中,我们要调用后台服务的地址,当前后台服务器的地址在是写Axios相关的js文件中,React 编译之后修改服务地址原创 2023-07-03 17:48:40 · 842 阅读 · 0 评论 -
react antd 下拉菜单的两种实现
react antd 下拉菜单的两种实现,使用Dropdown中两个不同的属性,overlay和menu推荐使用menu,方法一中的方式原创 2023-05-08 08:52:21 · 3048 阅读 · 1 评论 -
npm 安装 相关依赖
npm 安装 相关依赖原创 2023-04-18 16:28:54 · 826 阅读 · 0 评论 -
React -Axios post请求 后台导出Excel
在业务系统中,将数据导出为Excel我们经常遇到,前端是React,后端是Java如何实现Excel的下载思路是:后台处理将数据进行处理,转换为base64编码的字符串,前端通过请求接收到后端的base64位的字符串,并且将字符串转换二进制,进而转换为文件实现下载接下来,我们按照这个思路来实现文件的下载原创 2023-04-12 16:13:42 · 1165 阅读 · 0 评论 -
react+antd table 不显示默认的分页
react+antd table 不显示默认的分页,我只想用antd中table的表格,分页按钮隐藏原创 2023-02-21 15:10:30 · 632 阅读 · 0 评论 -
react antd Input 绑定值
在页面上做一些搜索条件,为了方便我们可以做一个按钮"置空",或者清除,点击这个按钮实现将输入框中的值删除,在以前的html页面中我们很方便通过js来将值制空,但是react组件封装的很严重了,我们没有办法通过js来制空,即使可以实现也是比较麻烦的原创 2022-09-13 14:31:40 · 1860 阅读 · 0 评论 -
react 导出多个变量
在一个react 的js 文件中导出多个变量,可以在其他的文件中引用原创 2022-09-12 18:25:12 · 1139 阅读 · 0 评论 -
React wangEditor 自定义菜单
wangEditor 在react使用的过程中自定义菜单原创 2022-04-29 11:28:42 · 2906 阅读 · 4 评论 -
antd 中 Tree 的使用-默认选中问题
使用antd的Tree 控件的控件的时候,数据回显的时候发现所有的都选中了,很奇怪默认选择的节点,为什么选中了所有的节点并且有一个特点是,如果父节点是选中状态,那么子节点就默认选中了,那么这样的回显并不是准确的,所以问题在于当回显的时候父节点被选中了,子节点不需要被选中原创 2022-04-01 16:54:16 · 8675 阅读 · 0 评论 -
React React-Redux的安装,使用
本人第react-redux 小白一个,如果你是大佬,路过即可其实在使用redux 之前,我并不了解redux 的作用,我在编写react的过程中遇到一个登录的问题在不断的使用React的过程中,我们在一个页面上使用多个组件比如一个首页----组成可能如下:<CHeader></CHeader><Content></Content><CFooter></CFooter>我们在CHeader 中有一个登录的功能,原创 2022-03-01 16:12:34 · 2310 阅读 · 0 评论 -
KC shop 开发历程------注册界面
早晨醒来,感觉每天忙忙碌碌,但是回想起来一天天的感觉也没啥成功从今天开始,我准备写一个商场,就叫 KCshop,说做就做今日成果:用户注册的界面:使用的是:react+antd大家感觉怎么样...原创 2022-02-11 16:24:55 · 231 阅读 · 0 评论 -
formRef=React.createRef() this.formRef.current为null
情景说明: 做一个商品查看的页面,商品信息回显,使用的antd,部分代码如下:.......export default class GoodsDetail extends React.Component{ ggxhForm = React.createRef(); constructor(props) { super(props) this.state={ .... ggxhs:[], } } componentDidMount(){ s...原创 2022-01-27 10:50:44 · 4592 阅读 · 0 评论 -
antd Drawer 如何实现自动刷新
antd Drawer 如何实现自动刷新原创 2022-01-24 17:07:27 · 1051 阅读 · 0 评论 -
React history.push 传递参数
react 组件之间跳转传递参数,在push的时候设置state 属性,然后再目标组件的props 中能够对传过来的参数进行接收原创 2021-12-14 14:10:14 · 21179 阅读 · 0 评论 -
antd Form 表单验证
antd 组件中,表单的基础的验证功能,rules 用法原创 2021-12-13 13:44:57 · 2671 阅读 · 0 评论 -
React 中报错:Unexpected reserved word ‘await‘
React 中报错:Unexpected reserved word 'await' ,可以看到的是,在函数定义的时候加上async 这个关键字就不会报错了原创 2021-12-09 09:59:11 · 2556 阅读 · 0 评论 -
react-router-dom v6 中的Routes
在之前的react 项目中我们通过yarn add react-router-dom 引入react-router-dom文件导入的文件的版本是5.3.0 是这两天我同样使用yarn add react-router-dom 引入路由的包:自动添加的却是 react-router-dom的6.0.2的包,版本的升级导致出现了Switch 在新的版本中,不能用了,说是变成了Routes,于是我把代码这r原创 2021-12-02 14:29:12 · 2509 阅读 · 1 评论 -
Attempted import error: ‘Switch‘ is not exported from ‘react-router-dom‘.
Attempted import error: 'Switch' is not exported from 'react-router-dom'.原因是在 react-router-dom 6.0以后 Switch 就不用了 Switch 修改为 Routes 无报错原创 2021-12-01 21:19:09 · 3837 阅读 · 0 评论 -
React 组件之间传递参数
其实react组件之间传递参数是比较简单的,组件传入参数的一种方式,参数作为组件的一个属性,在组件的的构造函数的props中就能看到这个属性对应的值原创 2021-11-27 14:30:12 · 1858 阅读 · 0 评论 -
React 数字取整
Math.floor(); 向下取整的函数Math.ceil(); 向上取整的函数Math.round(); 四舍五入取整().toFixed(n); 四舍五入取n位小数 但注意进过运算得到的是字符串比如:Math.floor(38.4000006);38Math.ceil(38.4000006);39Math.round(38.400006);38(38.46734009).toFixed(2);"38.47"转载:关于数字取整、四舍五入 - 橘子红 - .转载 2021-11-25 09:38:24 · 2355 阅读 · 0 评论 -
Antd-Design List渲染列中Button 点击事件 传递参数
在antd-design中使用List ,在渲染的列表中包含button 我们想通过button 点击事件对列表中的某一项进行操作,那么如何在button 点击事件调用的函数中获取到相关的参数,直接传入值都可以,onClick={(e)=>this.delByGuid(item.rowguid)} 希望对你有所帮助原创 2021-11-23 21:22:17 · 3324 阅读 · 10 评论 -
wangEditor 上传图片,回调函数 Cannot read properties of undefined
请看我的代码: editor.config.uploadImgHooks = { // 上传图片之前 before:function(xhr){ console.log(this.state.goodsguid); }, }对于这样的代码,会不会报错,当我们上传图片的时候,出现了这样错误:×Unhandled Rejection (TypeError):.原创 2021-11-15 16:00:42 · 4973 阅读 · 0 评论 -
React +antd +wangEditor 富文本编辑器
1. 安装npm i wangeditor --save2. 引入:import E from 'wangeditor';3. 渲染:<div id="div1"></div>const editor = new E('#div1')editor.create();实现效果:上面我们成功的把wangEditor 这个富文本编辑器显示到页面上了,接下来我们需要做的事情就是我们要获取到富文本编辑器中的内容4. 获取内容通过o.原创 2021-11-14 15:19:19 · 1764 阅读 · 0 评论 -
antd Form.Item 中如何获取到Select的label值
存在这样的一个情况:在这样的一个下拉的选择框中,如何获取到对应的 商品类型的值,和label的值在select 中存在这样的一个属性:labelInValue看看我们怎么使用:代码: <Form.Item name = "goodstype" label = "商品类型" style={{display:'inline-block',width:'375px'}} > <Select labelInValue={true} style={{...原创 2021-11-11 14:35:05 · 4841 阅读 · 0 评论 -
antd InputNumber 不允许输入小数
< Form.Item name = "restnum" label = "商品库存" style={{display:'inline-block',width:'375px'}} > <InputNumber placeholder = "请输入商品库存" style={{width:'315px'}} precision={0} /> &l..原创 2021-11-10 21:20:20 · 2414 阅读 · 0 评论 -
antd Tree 展开和默认选中
这两天在学习antdTree,想着利用这样的一个功能做一个模块的授权管理,想法很好的,但是实行起来确实是有点难度一开始,Tree 渲染处理了,也出现数据了,我发现官网上说的很多属性,我应用进来并没有效果比如说:defaultExpandAll ={true}我用上了,但是渲染出来的树形列表还是没有展开然后这些属性:defaultExpandedKeys,defaultCheckedKeys 也没有什么用我甚至开始怀疑是不是antd 这个框架的问题,虽然我很自信,但是想到毕竟.转载 2021-11-04 14:21:13 · 2481 阅读 · 0 评论 -
React 中动态的加载组件 ---loadable-components
loadable-components 用于在react 中动态的加载组件安装方法:npm iloadable-components使用:引入:代码中使用:希望对你有所帮助原创 2021-11-01 09:16:46 · 2270 阅读 · 0 评论 -
antd table column 列表渲染
在上面的table中,使用了两处的渲染,第一个是是否,第二个是两个按钮我们选来看第二个,两个按钮的渲染,这个里面没有条件 { title: '操作', dataIndex: 'rowguid', key: 'rowguid', render: (text, record) => ( <Space> <Button type="primary" size="small" onClick= ...原创 2021-10-30 12:42:28 · 4555 阅读 · 0 评论 -
antd Select 使用动态数据渲染选择项
2021年 11月30 日 晴今天的天气比较好,星期天,也没有出去,最近在学习react,我也不知道学习这个有什么样的作用,其实我现在的工作是比较偏重于后端以及服务器相关的东西,但是总是想做个比较好的网站,有点实际的内容,网站做了很多次,但是整体上总是让我不那么满意,没人访问,而且之前使用的html 里面很多的js代码,看起来总感觉乱糟糟的。好了,不说那么多了,我们来看今天要实现的功能,在antd的组件中有Select这个组件:这个Select选择器,那么我用到了这样的一个选择器,我把选择作为.原创 2021-10-30 11:50:24 · 5389 阅读 · 1 评论 -
antd 侧边栏如何自适应高度
<Layout style={{minHeight: '100vh',}}>在 Layout 添加:style={{minHeight:'100vh'}}实际效果:希望对你有所帮助原创 2021-10-28 09:29:54 · 1666 阅读 · 0 评论 -
React onClick 传递参数
背景说明在下图这样的列表中,点击删除按钮需要执行删除操作列表产生: { title: '操作', dataIndex: 'rowguid', key: 'rowguid', render: (text, record) => ( <Space size="middle"> <Button type="primary" size="small" >修改</Button> ..原创 2021-10-26 14:49:07 · 4851 阅读 · 3 评论 -
moment 当前日期
当前日期:moment(); 日期格式当前日期格式化:moment().format("YYYY-MM-DD HH:mm:ss"); 字符串格式原创 2021-10-22 14:51:10 · 706 阅读 · 0 评论 -
react 使用Eceharts (2)
import React from 'react'import axios from 'axios'import * as echarts from 'echarts';import '../css/EchartsTest.css'export default class EchartsTest extends React.Component { constructor() { super() this.state={ myChart:"", curveChar.原创 2021-09-23 16:58:48 · 129 阅读 · 0 评论 -
React 项目中使用Echarts
直接上代码吧:react 项目中添加Echarts 相关模块npm install echarts --save代码:import React from 'react'import * as echarts from 'echarts';import '../css/EchartsTest.css'export default class EchartsTest extends React.Component { constructor() { super().原创 2021-09-22 17:44:43 · 338 阅读 · 0 评论 -
React 组件js文件中如何引入其他的js 文件数组
在编写react 组件,特别是表格的过程中,我个人是最看不得,整个js文件感觉很多的内容,而且数组,函数,html代码都有,整体看起来分邋遢,我使用的是antd的Table 来渲染表格我们看这样的一串表头 用户 名称,手机号码,邮箱,角色,备注,在渲染的时候,是用数组来进行渲染的,那么这段数组,在组件的文件中肯定也是占用很长的一部分那我们肯定要试着将这段数组抽离出来,放到其他的文件中,然后在组件的js 文件中将这段数组引入,作为一个对象给 Table 的column的组件进行赋值,首..原创 2021-09-20 12:23:58 · 1990 阅读 · 0 评论 -
react antd Table 选中某一行,其它行也被选中了
问题描述: 使用react_antd_design 中的Table组件,渲染的结果如下:但是现在出现的问题是当我选中其中的一行,其他的行也变成了选中的状态,无法实现选中单行这当然不是我们想要的结果,那么是什么原因导致了这样的结果,如何来进行解决因为每一行都有一个Key ,如果我们不设置的话,那么每一行的的key都是相同的,所以导致我们在选择的时候,才会没有区别,选中其中一个,其他的自动的被选了。如何来解决,那就是需要我们设置每一行的key都是不同的,在Table的属性中有...原创 2021-09-19 17:16:45 · 2582 阅读 · 3 评论 -
react antd form 表单清空
关于react_antd_desgin的学习这两天也是获取到的知识零零散散,大多在网上也能获取的到,所以隔了很长的时间,没有编写关于react相关的文章。今天之所以写也是因为公司中秋节放假,在郑州,窗外的秋雨淅淅沥沥,再加上一点带有凉意的秋风,打消了外出的念头。在家也是无所事事,,,好了,言归正传先说需求吧:在弹出的modal 中,有一个Form 表单,现在我要实现重置的功能,点击重置的时候,表单输入框中的内容清空。首先我们开看这一段modal的代码: <Modal ti.原创 2021-09-19 13:27:03 · 11236 阅读 · 2 评论 -
jquery-autoComplete 插件使用
插件引入:在网上进行搜索可以很容易找到这两个文件我们可以下载到本地,放到项目中然后在页面中引入:....<link rel="stylesheet" href="../css/jquery-ui.css" />..............<script type="text/javascript" src="../js/jquery-ui.js"></script>.....使用: var availableTags =.原创 2021-09-13 11:30:05 · 317 阅读 · 0 评论 -
React Button 使用onClick 定义 antd 登录页面
作为小白学习react 前端,而且对es6的语法很多还是生疏的,平时熟悉的onclick 事件,在react中居然调试了很久,到最后才成功的调用了函数,本次算作是一次笔记,来记录react onclick 事件对应函数的调用和定义:<Button type="primary" className="login_btn" onClick={this.userLogin}>登录</Button>上面是点击登录按钮 到时候去调用userLogin 这个函数: userL原创 2021-09-12 13:10:14 · 1639 阅读 · 0 评论 -
Module not found: Can‘t resolve ‘@babel/runtime/helpers/esm/extends‘ in ‘C:\Users\wdg\Desktop\Ant-De
react 项目启动出现下面的报错:./node_modules/_history@4.10.1@history/esm/history.jsModule not found: Can't resolve '@babel/runtime/helpers/esm/extends' in 'C:\Users\wdg\Desktop\Ant-Design-Login-master\node_modules\_history@4.10.1@history\esm'解决办法:将上面的:i..转载 2021-09-11 17:23:19 · 1809 阅读 · 0 评论