react学习
文章平均质量分 78
Boulettes
泉声咽危石,日色冷青松
展开
-
React redux -- Cookie、redux-persist持久化数据存储、Ant Design 表单Form常用方法
是一个简单的,轻量级的处理 cookie 的js API ,用来处理 cookie 相关的插件安装引入js-cookie 的保存、获取和删除react-cookiereact-cookie 的使用与 一样,使用方法略有不同安装引入react-cookie 的保存、获取和删除redux-persist 持久化数据存储在 React 项目中,我们通常会通过 redux 以及 react-persist 来存储和管理全局数据。redux 和 react-persist 存储 存储数据时,如果原创 2022-07-14 09:48:24 · 730 阅读 · 0 评论 -
React 路由 V6
安装(@6.3.0 最新版本)方法一方法二引入路由的使用嵌套路由useNavigate 导航对象引入使用原创 2022-07-07 17:13:52 · 930 阅读 · 0 评论 -
React 生命周期、Hooks
react 生命周期是组件实例从创建运行到销毁的一系列过程componentDidMount (挂载时)componentDidUpdate (更新时)componentWillUnmount (卸载时)Hook 是一些可以让你在函数组件里"钩入" React state 及生命周期等特性的函数,Hook 不能在class 组件中使用,常用Hook: useState()、useEffect()、useRef()、useContext()……Hook 的特点– 在组件之间复用状态逻辑,无需修改组原创 2022-07-07 09:10:19 · 1576 阅读 · 0 评论 -
React 之脚手架和组件传参
ES7 React/Redux/GraphQL/React-Native snippets方法①方法②降版本清理目录结构appdome– publicindex.html– srcindex.js 入口文件app.js 根组件运行组件传参父传子在父组件使用子组件的地方,定义属性传参– 子组件中通过 props 接收参数,类组件需要 this.props.属性名,函数组件 props.属性名– 传参类型:字符串… 基本数据类型、对象{}、函数 ()=>{}、jsxApp.js原创 2022-07-05 20:01:19 · 241 阅读 · 0 评论 -
React介绍
React 起源于Facebook,于2013年5月开源。是一个构建用户界面的JavaScript 库,与vue,angular 并称前端三大框架。学习资源:React英文官网 React中文官网 官网文档特点:数据驱动、组件化、虚拟DOM安装引入(按顺序引入)React 程序第一个 react 程序ReactDOM.render(react 元素, 节点)– ReactDOM.render:将 React 元素渲染到指定的节点显示– react 元素:元素描述了你在屏幕上想看到的内容注原创 2022-07-05 10:29:17 · 386 阅读 · 0 评论