文章分类 - React
摘要：1、Java端 1.1、引入SpringBoot的WebSocket包，Maven配置： 1.2、增加WebSocket配置类 1.3、添加WebSocket的服务类 这个服务类用到一些实体和枚举： WebSocketJsonResult： 2.React端 2.1、添加WebSocket组件 新建
阅读全文
摘要：一、组件生命周期的执行次数是什么样子的？？？ 二、组件的生命周期执行顺序是什么样子的？？？ 假设组件嵌套关系是 App里有parent组件，parent组件有child组件。 如果不涉及到setState更新，第一次渲染的顺序如下： 这时候触发App的setState事件 那如果是触发parent的
阅读全文
摘要：今天写react项目遇到一个父子组件通信的问题。这是一个非常常规的问题了，随便搜一下就能得到解决方案。总体来说可以分为两类： 子组件需要获取父组件的信息，这通过props就可以解决； 父组件需要知道子组件的信息，这可以通过ref解决。 我们这里讲的属于后者，但是又有些特殊，特殊就在于子组件是个高阶组
阅读全文
摘要：最近由于工作需要，学习了一下前端框架react，在入门基础的时候，前期很顺利，可是到了props与state的部分遇到了一些问题，经过查阅资料等等一系列工作后，终对这两个概念有了一知半解，现将我的一些感悟写下来，希望可以帮助更多人。 props props英文翻译是道具的意思，我个人理解为参数，如果
阅读全文
摘要：在单页面里面，父子组件传值是比较常见的，之前一直用vue开发，今天研究了一下react的父子组件传值，和vue差不多的思路，父组件向子组件传值，父通过初始state，子组件通过this.props进行接收就可以了；子组件向父组件传值需要绑定一个事件，然后事件是父组件传递过来的this.props.e
阅读全文
摘要：整体代码地址： https://github.com/klren0312/react_study/blob/master/stu15/src/Father.js https://github.com/klren0312/react_study/blob/master/stu15/src/Son.js
阅读全文
摘要：前言： 之前对react组件传值，一直都是半知半解，今天决定认真认识清楚，而不是听了视频敲一次代码就哗啦哗啦的走了，不然每次都是机械的在敲代码，压根没去思考过代码为啥这么写，这么写的理论是什么？一直在寻求学习方法，视频真的是听了不少，可是真心感觉没什么长进 对于react组件传值，之前有写过一次项目
阅读全文
摘要：map定义和方法 map()方法返回一个新数组，数组中的元素为原始数组元素调用函数处理的后值。 map()方法按照原始数组元素顺序依次处理元素。 注意： map不会对空数组进行检测 map不会改变原始数组 arr.map(function(currentValue，index，arr),thisVa
阅读全文
摘要：上面的map写在return里面， 当加上点击事件时会出问题，需将map遍历写在return外面，如下：
阅读全文
摘要：在网上看了很多关于this.setState()的介绍，觉得受益匪浅，就总结了一些帮助自己理解的点，在此分享出来，如果有侵权的地方，请及时提醒。 一、State的定义 状态（state） 和 属性（props） 类似，都是一个组件所需要的一些数据集合，但是它是私有的，并且由组件本身完全控制，可以认为
阅读全文
摘要：Promise是什么 JS就是操作对象上的属性和方法，对于一个对象，想要了解，我们可以直接从其身上的属性和方法入手；直接使用console.dir(对象)打印出来 Promise对象 从上面打印出来的属性和方法，可以看到Promise是一个构造函数，有属于自己私有的all,reject,resolv
阅读全文
摘要：组件 能够让你将UI分割成独立的、可重用的部分，并对每一部分单独考量。React提供了React.Component 。 概览 React.Component是一个抽象基础类，因此直接引用React.Component几乎没意义。相反，你通常会继承自它，并至少定义一个render()方法。 通常你定
阅读全文
