REACT
文章平均质量分 93
REACT
alokka
前端劝退师
展开
-
REACT Redux 入门
①:store必须是唯一的②:只有store可以改变自己的内容③:reducer 必须是纯函数只有store能改变自己内容说明在reducer里我们不能直接操作state,只能通过定义新变量copy state的值,然后对新变量进行操作并 return 出新变量,不允许直接改变state。什么是纯函数?给固定的输入,就一定会有固定的输出,并且不会有任何副作用。所以对于异步函数(定时器、ajax数据请求等)、动态时间都不适意在reducer里订阅。原创 2022-09-24 17:47:05 · 680 阅读 · 0 评论 -
React Hooks 知识点整理
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。————可以说之前我们用 Class 声明组件的方式会被淘汰掉1. useState:1. 使用方法// 1. 引用 useState import React, { useState } from 'react';// 2. 声明一个 state(自定义)的 state 变量const [state, setState] = useState(init.原创 2020-08-21 17:49:09 · 887 阅读 · 0 评论 -
REACT 中事件处理函数传递参数的两种方式
第一种是箭头函数传参<button onClick={(value) => this.deleteRow(id, value)}>Delete Row</button> // 箭头函数传参箭头函数没有this指向,默认是继承外部上下的this,所以箭头函数中的this指向的就是组件第二种是bind() 传参<button onClick={thi...原创 2019-06-05 13:42:37 · 5461 阅读 · 0 评论 -
REACT 中父子组件的传参及相互调用方法
父→子传值 和 父→子传方法 子组件调用父组件方法 在父组件中:import React from 'react'import ChildCom from './childCom.js'class ParentCom extends React.Component { handleBtnClick() { const action = getAddItemAction...原创 2019-06-04 11:12:36 · 1798 阅读 · 0 评论 -
React 的生命周期
React v16.0前的生命周期其实大部分团队不见得会跟进升到16版本,所以16前的生命周期还是很有必要掌握的,何况16也是基于之前的修改生命周期可分为四个阶段:1. 组件初始化(initialization)阶段:- constructor 方法组件一创建就会调用 es6 class类中的 constructor 方法(最先执行)super(props)`用来调用类的构造方法...原创 2019-06-26 09:49:56 · 253 阅读 · 0 评论