weixin_53412458的博客

1.Hooks的调用尽量只在顶层作用域进行调用。2.不要在循环、条件或者是嵌套函数中调用Hook，否则可能会无法确保每次组件渲染时都以相同的顺序调用Hook。3.Hooks 的串联不是一个数组，是一个链式的数据结构，从根节点 workInProgressHook 向下通过 next 进行串联。4.React Hooks目前只支持函数组件。

组件：import React, { Component } from 'react'//引入actionimport { increment, decrement, incrementAsync} from '../../redux/actions/count'//引入connect用于连接UI组件与reduximport {connect} from 'react-redux'//定义UI组件class Count extends Component { state = {car

Redux中文文档：https://www.redux.org.cn/Redux 是 JavaScript 状态容器，提供可预测化的状态管理。 可以让你构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用），并且易于测试。不仅于此，它还提供 超爽的开发体验，比如有一个时间旅行调试器可以编辑后实时预览。Redux 除了和 React 一起用外，还支持其它界面库。 它体小精悍（只有2kB，包括依赖）。作用: 集中式管理react应用中多个组件共享的状态。什么情况下需要使用redux？1.某个组件

React组件的生命周期和Vue类似都是代表组件从创建到死亡经历的一些特定的阶段。React组件中包含一系列勾子函数(生命周期回调函数), 会在特定的时刻调用，我们在定义组件时，会在特定的生命周期回调函数中，做特定的工作。生命周期流程图(旧)生命周期的三个阶段（旧）初始化阶段: 由ReactDOM.render()触发—初次渲染1. constructor()2. componentWillMount()3. render()4. componentDidMount() =====>

1、statestate是组件对象最重要的属性, 值是对象.React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作 DOM）。例子： //1.创建组件 class Weather extends React.Component{ //初始化状态 state = {isHot:false,wind:'微风'

React面向组件编程开发React组件分为函数式组件和类组件两种。最大的区别在于他们声明和使用的不同。1.函数式组件函数式组件，就是利用函数进行编程，是一种编程范式。以函数作为主要载体的编程方式，用函数去拆解、抽象一般的表达式，最小‘可视’单位是函数的一种编码规范，重点体现‘函数式’。例子：//1.创建函数式组件function MyConent(){console.log(this);return 我是用函数定义的组件}//2.渲染组件到页面ReactDOM.render(,doc

JSX是什么？官方解释：JSX是一种JavaScript的语法扩展，运用于React架构中，其格式比较像是模版语言，但事实上完全是在JavaScript内部实现的。元素是构成React应用的最小单位，JSX就是用来声明React当中的元素，React使用JSX来描述用户界面。全称: JavaScript XML 。 react定义的一种类似于XML的JS扩展语法: JS + XML本质是React.createElement(component, props, …children)方法的语法糖作用

React