![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 80
Joker0322
这个作者很懒,什么都没留下…
展开
-
React06-Redux
一:Redux 1、概念: redux是一个专门为react.js应用程序开发的状态管理模式 2、网址: https://www.redux.org.cn/ 3、特点: 集中式存储管理应用的所有组件状态 4、核心概念: --state:state表示所有的状态数据 --Store:存储数据的地方 --action:为一个对象,表示一个动作对state进行怎样的操作,type属性是原创 2022-07-10 15:57:53 · 93 阅读 · 0 评论 -
React05
redux是一个专门为react.js应用程序开发的状态管理模式 https://www.redux.org.cn/ 集中式存储管理应用的所有组件状态 --state:state表示所有的状态数据 --Store:存储数据的地方 --action:为一个对象,表示一个动作对state进行怎样的操作,type属性是必须的,表示的是action的名称,其他的属性可以自由设置,由组件store.dispath("action名",参数)触发原创 2022-07-08 21:29:30 · 240 阅读 · 0 评论 -
React04
最新版本:npm i react-router-dom 指定版本:npm i react-router-dom@6.3.0 history模式:BrowserRouter 使用h5的historyAPI实现,监听window的popstate事件来实现的 hash模式:HashRouter 使用URL的哈希值实现,监听window的hashchange事件来实现的 Routes Route原创 2022-07-07 17:17:02 · 155 阅读 · 0 评论 -
React03
目录一、生命周期(类组件才有生命周期)二、Hooks 1、概念: 2、特点: 3、函数作用 4、Hooks 1、State Hook使用 2、Effect Hook 3、Context Hook 4、Hook 规则 5、自定义Hook三、其他 概念:react组件实例从创建运行到销毁经历的一系列过程 钩子函数: 挂载时: constructor:创建组件时,最先执行,初始化时只执行一次。可初始化state,创建Ref原创 2022-07-06 17:55:32 · 100 阅读 · 0 评论 -
React02
npx create-react-app 项目名 1、在父组件使用子组件的地方,定义属性传参 在子组件中使用props进行接收,类组件需要this.props 函数组件传形参props,使用props 2、传参类型 --字符串,基本数据类型 --对象{} --函数 --jsx 3、语法 1、子组件中定义一个触发事件将值传送给父组件,原创 2022-07-05 19:56:03 · 180 阅读 · 0 评论 -
React01
一、下载安装包 1、react核心包:react/umd/react.develpment.js 2、渲染界面:node_modules/react-dom/umd/react-dom 3、es6-es5:babel二、语法 ReactDOM.render(react元素,需将元素存放的位置)三、写法 react程序中,界面显示的内容称为react元素 多行react元素,必须有根标签 换行需加上小括号 单行标签必须加上结束标签原创 2022-07-04 19:46:21 · 463 阅读 · 0 评论