随笔分类 - React
React中解决跨域问题（搬运工）
摘要：问题描述： create-react-app脚手架项目怎么添加proxy代理请求。解决方案： package.json增加代理请求配置。操作： 找到项目根目录下的package.json，增加以下代码 // 简单单个操作，请求fetch('/api/todos')，将匹配fetch('http://
阅读全文
useMemo
摘要：返回 用于对子组件进行优化，提升性能，类似于Vue中的Computed。在useMemo函数内通过复杂计算获取当前值得时候，不需要在父组件每次更新的时候重新计算，只要在依赖项发生变化的时候计算即可。 useMemo接收两个参数，分别是函数和一个数组（实际上是依赖），函数里return 函数,数组内存
阅读全文
useLayoutEffect
摘要：返回 useLayoutEffect为useEffect的同步版本，会阻塞页面渲染（在页面渲染前执行） 1 import React, { useState, useEffect, useMemo, useCallback, useContext, useReducer,useRef, 2 useL
阅读全文
useCallback
摘要：返回 import React, { useState, useEffect,useMemo,useCallback } from 'react' const mySet = new Set(); function UseCallback(props) { console.log('UseCallb
阅读全文
useRef
摘要：返回 > 格式：`const myRef = useRef(initVal)` `useRef` 创建并返回一个ref 对象，其 `.current` 属性被初始化为传入的参数，组件更新时不会重新创建新的ref对象，而是从缓存中获取（React.createRef()每次会创建新的ref对象） 4.
阅读全文
useReducer
摘要：返回 > 格式：`const [state,setState] = useReducer(reducer,initState)`，useState的增强版，修改操作类似于redux ```js const initState = [ { id:1, name: "goods1", price: 98
阅读全文
useContext
摘要：作用：简化context的获取返回 1.useContext可以帮助我们跨越组件层级直接传递变量，实现共享。 需要注意的是useContext和redux的作用是不同的！！！ useContext：解决的是组件之间值传递的问题 redux：是应用中统一管理状态的问题 但通过和useReducer的配
阅读全文
useState
摘要：返回 const [state, setState] = useState(initialState) 实现class组件状态的功能，返回一个state，以及更新state的函数。在初始渲染期间，返回的状态 ( state ) 与传入的第一个参数 ( initialState ) 值相同。 setS
阅读全文
useEffect
摘要：返回 import React, { useState, useEffect } from 'react' import request from '../../utils/request' function UseEffect() { console.log('UseEffect.start')
阅读全文
React——Hook 目录
摘要：useState useEffect useMemo useCallback useContext useReducer useRef useLayoutEffect Hook API文档
阅读全文
React中间件之Redux-saga
摘要：摘自 Redux-saga中文文档—— https://www.bookstack.cn/read/redux-saga-in-chinese/docs-advanced-ComposingSagas.md
阅读全文
Redux 中间件
摘要：本文章内容参考阮一峰老师的博客——https://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_two_async_operations.html
阅读全文
浙公网安备 33010602011771号