散人研

2020-11-10散人研阅读(168)评论(0)赞(0)

使用Facebook官方推出的create-react-app脚手架，我们基本可以零配置搭建基于webpack的React开发环境。但是，如果需要个性化定制，则还需要基于create-react-app进行再配置 环境变量   在根目录下新...

2020-11-10散人研阅读(88)评论(0)赞(0)

路由用来分发请求。后端是提供服务的，所以它的路由是在找controller，前端是显示页面的，所以它的路由是在找component。本文将详细介绍react-router-dom的内容 Router   Router是路由器组件的低阶接口，...

2020-11-10散人研阅读(124)评论(0)赞(0)

简介 通常情况下，action只是一个对象，不能包含异步操作，这导致了很多创建action的逻辑只能写在组件中，代码量较多也不便于复用，同时对该部分代码测试的时候也比较困难，组件的业务逻辑也不清晰，使用中间件了之后，可以通过actionCr...

2020-11-09散人研阅读(154)评论(0)赞(0)

React中创建组件的方式 在了解React中的无状态和有状态的组件之前，先来了解在React中创建组件的三种方式： ES5写法：React.createClass； ES6写法：React.Component； 无状态的函数写法，又称为纯...

2020-11-09散人研阅读(89)评论(0)赞(0)

Redux 简介 React 只是 DOM 的一个抽象层，并不是 Web 应用的完整解决方案。有两个方面，它没涉及: 代码结构 组件之间的通信 由此我们需要引入Redux。Redux 是 JavaScript 状态容器，提供可预测化的状态管...

2020-11-09散人研阅读(84)评论(0)赞(0)

在使用 React 的过程中，不可避免的需要组件间进行消息传递（通信），组件间通信大体有下面几种情况： 父组件向子组件通信 子组件向父组件通信 跨级组件之间通信 非嵌套组件间通信 下面依次说下这几种通信方式。 父组件向子组件通信 这是最简单...

2020-11-07散人研阅读(64)评论(0)赞(0)

声明式开发 首先react是声明式的开发方式，这个与之对应的是命令式开发方式，之前在用jquery写代码的时候，都是直接来操作dom，直接操作dom的这种编程方式，我们把他叫做命令式的编程，也就是我要创建一个页面，我要一点点的告诉dom,你...

2020-11-07散人研阅读(72)评论(0)赞(0)

Higher-Order Components就是一个函数，传给它一个组件，它返回一个新的组件。 const NewComponent = higherOrderComponent(YourComponent) 比如，我们想要我们的组件通过...

2020-11-07散人研阅读(66)评论(0)赞(0)

父组件与子组件通信 父组件将自己的状态传递给子组件，子组件当做属性来接收，当父组件更改自己状态的时候，子组件接收到的属性就会发生改变 父组件利用ref对子组件做标记，通过调用子组件的方法以更改子组件的状态,也可以调用子组件的方法..可以参考...

2020-11-07散人研阅读(72)评论(0)赞(0)

React中组件也有生命周期，也就是说也有很多钩子函数供我们使用, 组件的生命周期，我们会分为四个阶段，初始化、运行中、销毁、错误处理(16.3之后) 1、初始化 在组件初始化阶段会执行 constructor static getDeri...

2020-11-06散人研阅读(105)评论(0)赞(0)

FileReader 对象 简介 FileReader用于读取文件信息。拥有4个方法，其中3个用于读取文件，另一个用于中断读取。需要注意的是：文件一旦开始读取，无论成功或失败，实例的 result 属性都会被填充。如果读取失败，则 resu...

2020-11-06散人研阅读(70)评论(0)赞(0)

在 React 里，HTML 表单元素的工作方式和其他的 DOM 元素有些不同，这是因为表单元素通常会保持一些内部的 state。例如这个纯 HTML 表单只接受一个名称： <form> <label> 名字: &l...

2020-11-05散人研阅读(79)评论(0)赞(0)

Axios的封装 在vue项目中，获取数据时，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。 安装...

2020-11-05散人研阅读(53)评论(0)赞(0)

事件处理 1、绑定事件 采用on+事件名的方式来绑定一个事件，注意，这里和原生的事件是有区别的，原生的事件全是小写onclick, React里的事件是驼峰onClick，React的事件并不是原生事件，而是合成事件。 2、事件handle...

2020-11-05散人研阅读(70)评论(0)赞(0)

组件的数据挂载方式 1、属性(props) props是正常是外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更改，但是你可以通过父组件主动重新渲染的方式来传入新的 props 属性是描述性质、特点的，组件自己不能随...