此鱼非闲鱼也的博客

Redux官方链接https://www.redux.org.cn/Redux 是一个独立的JavaScript 状态管理库，不属于React内容。Redux 本身是 MVVM渐进式框架 M(数据模型) - V(视图) - VM(虚拟模型)定义： 官方定义，是 JavaScript 状态容器，提供可预测化的状态管理。作用及特点：可以构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用），易于测试提供超爽的开发体验，比如有一个时间旅行调试器可以编辑后实时预览。除了与React一

说动态路由之前，先看看路由参数都有哪些？1、路由参数1-1、history 历史记录及路由给我们的一些操作路由是根据历史记录跳转视图history对象中提供了很多方法，便于用户再浏览历史记录中跳转。go() 方法可以回到历史记录中的某一页面， 通过与当前页面相对位置来标志 。当前页面的相对位置标志为0。go()方法中，传入一个参数，这个参数是一个整数，即在 history 记录中向前或者后退多少步。history.goBack()方法可以回到历史记录中的上一个 URL。调用该方法的效果等价

路由当应用变得复杂的时候，就需要分块的进行处理和展示。传统方式的处理:把整个应用分成了多个页面，然后通过 URL 进行连接。传统方式的弊端:每次切换页面都需要重新发送所有请求和渲染整个页面，性能上会有影响；会导致整个 JavaScript 重新执行，丢失状态。单页面应用单页面应用SPA(Single Page Application): 整个应用只加载一个页面（入口页面），后续在与用户的交互过程中，通过 DOM 操作在这个单页上动态生成结构和内容。**单页面应用优缺点**如下：

React hooks中除了常用的useState、useEffect、useRef。我们还可以自定义hooks，可以达到不增加组件而实现组件之间的一些复用的目的。

函数式组件顾明思义，函数就是组件，组件就是一个函数。函数式组件长啥呢？没错，就是如下面这样的function App(){ return ( <div>hello,nice to meet you</div> );}1、看看函数式组件有哪些特点？组件的第一个参数是props，它是不可改变的，函数不能更改输入参数(接收父级传来的信息)组件中return必须写(定义该组件要渲染的内容)生命周期，无this，无state单向数据流(数据必须从

React生命周期生命周期: 就是指某个事物从开始到结束的各个阶段。React生命周期：在 React.js 中指的是组件从创建到销毁的过程，React.js 在这个过程中的不同阶段调用的函数。作用：通过这些函数，我们可以更加精确的对组件进行控制。前面我们一直在使用的 render 函数其实就是组件生命周期渲染阶段执行的函数注意：React生命周期的新旧方法之间，不可以同时存在。否则报错生命周期函数详解挂载阶段constructor(props)类的构造函数，也是组件初始化函数，一般情况下

1、补充state与setStatestate是组件自身 的状态setState(updater, [callback])updater: 更新数据 FUNCTION/OBJECTcallback: 更新成功后的回调 FUNCTION浅合并 Object.assign()数据需要修改，同时页面又要响应变化，使用 setState()方法来更新数据import React, { Component } from 'react';export default class App extends

1、props父组件传过来的参数可以使用组件类的defaultProps属性，设置默认的props值// Actor.jsimport React,{Component} from 'react';export default class Actor extends Component{ render(){ return ( <div> hi, {this.props.name} - {this.props

React组件的使用React组件分类函数式组件类式组件React自定义组件命名原生 html元素名称以小写字母开头，符合驼峰命名法规范，比如hello、myComponent。自定义的 React 类名以大写字母开头，比如 HelloWorld不能写成 helloWorld。React组件类只能包含一个顶层标签。React类式组件使用的必要条件组件类必须继承React.Component类必须要有render方法；render方法的return返回的就是组件的内容类式组

React基本使用React是用于构建用户界面的 JavaScript 库。React的特点：以声明式编写 UI，可以让你的代码更加可靠，并且更方便调试。组件逻辑使用 JavaScript 编写而不是模版，可以轻松地在应用中传递数据，而且使状态与 DOM 分离。还可以使用 Node 进行服务器渲染，或者使用 React Native 开发原生移动应用。ReactDOMReactDOM 提供了与浏览器交互的 DOM 功能，比如：dom 渲染ReactDOM.render(element,