首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React
九筒妈妈
创建于2021-06-17
订阅专栏
React相关知识总结
等 10 人订阅
共14篇文章
创建于2021-06-17
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
九筒妈妈
1年前
React Native
前端
React函数组件Hooks-自定义Hook详解
封装数据操作 简单例子 在useList.js里,导出一个 useList 函数。我们把数据的初始化,ajax,和 setList 都放到这个函数里。外边只要调用我这个自定义的函数,就可以得到对lis
914
3
评论
九筒妈妈
1年前
React Native
前端
React函数组件Hooks-useRef&forwardRef详解
在useState里面有过一定的解释 useRef 目的 如果你需要一个值,在组件不断render时保持不变 初始化:const count = useRef(0) 读取:count.current
2119
2
评论
九筒妈妈
1年前
React Native
前端
React函数组件Hooks-useMemo详解
Memo 使用场景:一个App组件里有m和n数据。还有一个Child子组件,它接受一个m作为它的外部数据。当点击把n+1的按钮时,我们知道,App会再次执行,那么Child子组件也会再次执行吗? 通过
3112
3
1
九筒妈妈
1年前
React Native
前端
React函数组件Hooks-useLayoutEffect详解
useLayoutEffect(布局副作用) 布局副作用 useEffect 在浏览器渲染完成后执行 useLayoutEffect 在浏览器渲染前执行 特点: useLayoutEffect 里面的
703
3
评论
九筒妈妈
1年前
React Native
前端
React函数组件Hooks-useEffect详解
useEffect(副作用) 副作用 对环境改变即为副作用,如修改document.titl 但是我们不一定非要把副作用放到useEffect 实际上叫afterRender更好,每次render后执
583
2
评论
九筒妈妈
1年前
React Native
前端
React函数组件Hooks-useContext详解
上下文 全局变量是全局的上下文 上下文是局部的全局变量 如何使用useContext 使用 C=createContext(initial)创建上下文 使用 <C.provider> 圈定作用域 在作
1477
2
评论
九筒妈妈
1年前
React Native
前端
React函数组件Hooks-useReducer详解
如何使用useReducer 创建初始值 initialState 创建所有操作 reducer(state,action) 第一个参数state是现在的state 第二个参数action是一个对象,
682
1
评论
九筒妈妈
1年前
React Native
React函数组件Hooks-useState详解
一、useState 原理和源码 useState的运行过程 运行过程: 首次渲染 render<App/> 调用 App(),得到虚拟Div对象,进而创建真实的Div到页面。 当用户点击button
637
1
1
九筒妈妈
1年前
React Native
React函数组件详解
一、创建一个函数组件 函数组件代替类组件 函数组件可以代替类组件,因为函数组件语法更加简单易懂,但是也面临以下两个问题 没有state 没有生命周期 二、没有state的解决方法 React v16.
3982
10
评论
九筒妈妈
1年前
React Native
前端
React类组件详解
一、创建一个类组件 不需要额外代码时, 可以删掉 二、Props-外部数据/属性 定义 props 是组件对外的数据接口 作用 接受外部数据 只能读取不能修改写入 外部数据由父组件传递 接受外部函数
390
2
评论
九筒妈妈
1年前
React Native
前端
React 类组件和函数组件-props&state
元素与组件 这是一个元素(d小写) 这是一个组件(D大写) 什么是组件 组件,从概念上类似于 JavaScript 函数。它接受任意的入参(即 “props”),并返回用于描述页面展示内容的 Reac
1973
4
评论
九筒妈妈
1年前
React Native
React 的条件判断和循环
条件判断 在Vue 里: 条件判断是通过 v-if v-else 指令控制的 在React 里: JSX的条件判断 写法一 如果外边需要一个 div ,把这段JS代码包在 {} 里边 写法二 :把 r
62
2
评论
九筒妈妈
1年前
React Native
前端
React JSX
概述 我们之前使用React,需要 React.createElement ,创建一个虚拟dom,这样使代码看起来很复杂。能不能像Vue一样简洁呢? 使用JSX。X表示扩展,所以JSX就是JS的扩展版
423
3
评论
九筒妈妈
1年前
React Native
前端
React基础知识
如何引入React 从CDN引入React 通过webpack引入React(老手使用) import ... from ... 通过create-react-app引入React(新手使用) (和v
250
2
评论