React
文章平均质量分 50
煲仔灬饭
一名IT爱好者的自学之旅
展开
-
React生命周期暨子组件获取父组件更新值方法
React生命周期图:getDefaultProps执行过一次后,被创建的类会有缓存(这也是为什么父子组件以props形式传参后,再更新时子组件不会改变的原因),映射的值会存在于this.props;该方法在对象被创建前执行,因此不能在方法内调用this.propsgetInitialState组件加载之前执行,返回值会被用于state的初始化值componentWillMount执行一次,在初始化render之前执行,如果在这个方法内调用state,render()只原创 2021-01-03 18:00:47 · 1073 阅读 · 0 评论 -
踩坑笔记(十一):在jsx中向事件回调函数传递参数的方法
在jsx中遍历时,有时会往事件回调函数中传递遍历的参数,如以下场景;此时需要用到jsx中传递参数的方法。//举例const jobs=[1,2,3,4...]return ({ jobs.map((item, index) => { return ( <tr key={index}> <td>{item.position}</td> <td>{item.depart}</.原创 2021-01-03 16:59:47 · 1574 阅读 · 1 评论 -
踩坑笔记(十):在jsx中遍历forEach与map的区别
在React JSX语法中,有时需要对数组或对象等进行遍历,数组的遍历有2种方式:forEach和map; 但是需要知晓,JSX语法最终是要return返回html标签或对应内容的,而数组的遍历方法中forEach没有返回值,重在执行;map可以设置返回值。所以,在jsx中只能使用map方法进行遍历,需要知晓!{newDepart.map((element, index) => { return ( <a key={index}原创 2020-12-29 22:07:14 · 1776 阅读 · 0 评论 -
踩坑笔记(八):React中局部css样式的实现
前言:在Vue项目组可以直接通过添加scoped的方式实现局部样式;但在React项目中,在组件中需要设置css/less样式,有时会出现className冲突的情况,导致影响到其他组件的问题。因此,在查阅相关资料后,在这里总结下React项目中局部样式的设置与实现。步骤:将css/less等样式文件命名为xxx.module.css/less在jsx文件通过import导入//普通导入方式import "./job.css"// 局部样式导入方式,styles命名自.原创 2020-12-24 23:06:53 · 1641 阅读 · 1 评论 -
踩坑笔记(七):跨域问题解决方案
前言:在处理前后端交互时,经常会碰到前端向后端发送ajax/axios扥请求时的跨域问题,以下总结几种跨域问题的常见解决方案。**待完善跨域问题触发的条件原因:前后端分离,前端web和后端数据等部署在不同的服务器上,甚至后台数据都可能在不同的服务器上(图片服务器,音视频服务器等),导致AJAX等发送请求时不在同一域名下,产生跨域问题。协议名不一致主机名不一致端口号不一致跨域问题常见的解决方案JSONP特点:只能用于处理GET请求(不安全/有缓存/URL长.原创 2020-12-24 22:16:29 · 191 阅读 · 1 评论