![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
贝阿朵今天依然鬼笑
这个作者很懒,什么都没留下…
展开
-
【REACT】【ES6】【PROMISE】将使用axios进行前后端交互的功能进行封装
Promise是个好东西,但是then来then去的很讨厌,所以一直想要封装一个模块出来,只要给url给参数,就能直接给我把从后台get到的结果吐出来。可惜才疏学浅,对promise的理解一直不深刻,直到最近在刷别的知识点的视频的时候忽然有了灵感。肯定会有更优雅的实现方式。只是记录一下自己以后找起来方便:import axios from 'axios'const API = { /*Main URL*/ main: 'http://XXX', /*.原创 2020-09-17 12:26:21 · 471 阅读 · 0 评论 -
【REACT】为ant design table 组件添加导出功能 - 使用到a标签download属性,未使用Blob对象
一直都用的datatable自带export和copy表中内容的功能,所以从来没为它们操过心。但使用react后,感觉datatable跟react的配合不太好(很大可能是我不会用????)所以改用了ant-design的table组件。但是ant-design的table没有自带的导出功能啊!昨天晚上的掉发之旅就开始了╮(╯▽╰)╭总体思路:用于table已经渲染出来,数据实际已经存在于state中,因此不再回后台再请求一次。用户不一定每次都要导出,所以一定要等用户点击 导出按钮 之后再触原创 2020-08-19 07:53:02 · 982 阅读 · 0 评论 -
【react】将react项目嵌入到django中+解决页面刷新404+发布到IIS上后静态资源无法找到
Table of Contents需求思路&原理如何做有坑咋办1 发布到IIS上后,静态资源无法加载2 页面刷新404需求最近要做一个project,打算前后端分离,但服务器端口号有限,对nginx 这种端口复用的手段也不是很熟悉(公司的服务器都是windows的,相关资料少的一批……_(:з」∠)_),所以只能大开脑洞了。后端我们使用的是djan...原创 2020-05-05 09:27:37 · 919 阅读 · 0 评论 -
【REACT】props 参数更新后,组件不重新渲染的问题 - react 生命周期函数
最近在做一个功能,要求根据从后端得到的数据来画柱状图。当数据为空时不渲染柱状图组件,不为空时渲染,同时如果该数据的内容发生了变化,组件要重新渲染。但实际操作中,我发现组件在数据为空时不渲染,数据不为空渲染,但在数据不为空的前提下内容发生变化,它却不重新渲染,也就是说chart不更新!终于发现原因:在chart首次渲染时,加载chart的code要放在componentDid...原创 2020-04-20 09:33:36 · 5244 阅读 · 0 评论 -
【REACT】使用create-react-app创建的项目中如何引入CSS样式
第一步,做好静态的HTML页面,确定最终要呈现的结果,同时也帮助后面划分组件。然后,使用create-react-app创建好项目。那么接下来,要如何将静态HTML中引用的css样式转移到react项目中呢?首先,将所有要用到的css文件放到src文件夹下。最好不要改变css文件本身的层级结构,不然后面改路径太麻烦了。接着,进入入口js文件,我的项目中是index.js。...原创 2020-03-12 09:10:30 · 1358 阅读 · 0 评论 -
【react】使用箭头函数创建组件类内方法,这样就无需在constructor中给自定义的方法绑定this
也就是说,加入我要创建一个handleSubmit 方法,我有两种写法:写法1export default class CommentAdd extends Component{ constructor(props){ super(props); this.handleSubmit = this.handleSubmit.bind(this); }...原创 2020-02-21 14:57:36 · 1347 阅读 · 0 评论 -
【React】组件名称必须以大写字母开头否则无法渲染
今天做练习的时候发现一个奇怪的现象:可以看2和24行,commentItem明明被使用了,开发环境却依然提示其没有被使用过(2行颜色是浅的),而且页面上的确渲染不出来。查看控制台:行吧,改成大写开头,问题解决了。所以react的命名规范,不是一个建议,而是必须照做。...原创 2020-02-21 13:43:29 · 926 阅读 · 0 评论 -
【react练习】使用脚手架 create-react-app创建项目(边做边记录)
整理自尚硅谷视频一 配置react环境使用脚手架开发项目的优势:模块化,组件化,工程化全局下载包npm install -g create-react-app全局下载的特点:所有应用都能看得见;无需反复下载如何查看全局下载了哪些包:npm root -g # 查看全局下载的根目录下载好了(挺花时间的)二 使用create-react-...原创 2020-02-19 08:12:59 · 186 阅读 · 0 评论 -
【react练习】生命周期回调函数
依然,整理自尚硅谷视频。功能描述:a “react好难,怎么办??”字样逐渐变透明,完全消失后再从头再来b 点击“不活了”按钮,干掉整个组件知识点:0 React生命周期流程: a 第一次初始化显示 b 第每次更新state c 移除组件1 生命周期回调函数 - 有时又被称作生命周期的勾子 回调函数:我们定义的但是我们自己并没有调用,可最后还是执...原创 2020-02-17 15:22:38 · 526 阅读 · 0 评论 -
【react练习】受控组件和非受控组件、获取form表单信息、阻止事件默认行为
同样整理自尚硅谷的视频视频链接:https://www.bilibili.com/video/av51174155?from=search&seid=11218837597275325699另:想投转载来着,可原文链接怎么也填不对┑( ̄Д  ̄)┍/*需求: 自定义包含表单的组件输入用户名和密码后,点击登录弹出提示框显示输入信息不提交表单流程:先定义组件类,...原创 2020-02-17 10:25:59 · 484 阅读 · 0 评论 -
【react】组件创建和交互步骤和实例
例子来自尚硅谷react视频,相当于笔记整理link:https://www.bilibili.com/video/av51174155?from=search&seid=11218837597275325699要做的功能: 在输入框内输入内容,点击add按钮自动添加到下面的列表去,并且清空input重点是通过这个例子,把如何进行解决react多组件的创建和交互的思路理...原创 2020-02-16 14:32:05 · 295 阅读 · 0 评论 -
【react】组件三大属性state、props和refs
跟着视频学习,自己跟着敲了一下里头的代码。Table of Contents一 state二 props三 refs一 state功能:点击组件,在“你喜欢我”和“我喜欢你”之间切换// 组件属性 - stateconst like = document.getElementById('like');// console.log(like);class ...原创 2020-02-15 14:47:38 · 159 阅读 · 0 评论