react
文章平均质量分 81
没有学不会的react
努力做一只合格的前端攻城狮
这个作者很懒,什么都没留下…
展开
-
Vue条件渲染(v-if和v-show的区别)
Vue条件渲染(v-if和v-show的区别)v-ifv-showv-if和v-show的区别v-ifv-if、v-else-if、v-else这三个指令与JavaScript的条件语句if、else、else if类似。Vue的条件指令可以根据表达式的值在DOM中渲染或销毁元素或组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta ht原创 2022-03-20 20:22:52 · 968 阅读 · 0 评论 -
软件的模式
软件模式MVVM的简介MVVM模式图MVC 简介MVC模式图MVVM的简介MVVM 由 Model,View,ViewModel 三部分构成Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模型转化成UI 展现出来,ViewModel 是一个同步View 和 Model的对象。在MVVM架构下,View 和 Model 之间并没有直接的联系,而是通过ViewModel进行交互,Model 和 ViewModel 之间的交互是双原创 2022-03-20 18:34:47 · 672 阅读 · 0 评论 -
React-redux
三分钟看完React-reduxReact-redux概述React与redux的关系React-reduxReact-redux中两个重要成员Provider组件connect方法React-redux的基本使用安装redux、react-redux创建两个组件ComA为一个button按钮创建组件ComB是一个显示区在App.js中引入组件A和组件B创建reducer创建storeProvider的使用connect的使用组件A发送Action组件B实现接收reducer接收Action,然后进行逻辑处原创 2022-03-15 17:07:11 · 2306 阅读 · 5 评论 -
redux
三分钟看完react-reduxRedux设计思想三大原则Redus组成State状态Action事件ReducerStore案例展示准备工作创建Action构建Reducer构建store使用ReduxRedux 是一款著名 JavaScript 状态管理容器,提供与可预测的状态管理。Redux 除了跟 React 配合使用,还可以配置 JS 、Vue 使用。设计思想❶Redux 是将整个应用状态存储到一个叫做 store 的地方,里面存在一个状态树 state tree❷组件可通过 sto原创 2022-03-11 20:17:07 · 1232 阅读 · 5 评论 -
react-hooks
三分钟看完react-hooks 背景useState类组件函数组件多状态声明useEffect类组件中componentDidMount和componentDidUpdateuseEffect模拟类组件中componentDidMount和componentDidUpdateuseEffect实现componmentWillUnment父子组件传值useContextuseReducer背景介绍Hooks之前,首先要说一下React的组件创建方式,一种是类组件,一种是纯函数组件,并且React团队希望原创 2022-03-10 08:58:02 · 873 阅读 · 2 评论 -
react生命周期
三分钟看完react生命周期react生命周期React组件的生命周期可以分为三个过程挂载过程constructorrendercomponentDidMount更新过程rendercomponentDidUpdate卸载过程componentWillUnmount过程模拟react生命周期组件的生命周期就是React的工作过程,每个组件在网页中也会有被创建、更新和删除,如同有生命的机体一样。React组件的生命周期可以分为三个过程装载(挂载)过程(mount):就是组件第一次在DOM树中渲染的过原创 2022-03-09 11:19:39 · 628 阅读 · 0 评论 -
React组件实例的三大核心属性
三分钟看完React组件实例的三大核心属性props直接传参批量传参参数类型限制state创建方式事件绑定类组件自定义方法的this绑定在构造器中绑定this在回调函数中绑定使用箭头函数refsrefs的使用使用 React.createRef() 创建 refs回调形式创建refspropsReact框架定义了一个Props的概念, 专门用来实现React函数组件接受参数的输入。直接传参将要传递的参数放在需要被传递的组件中<body> <div id="root"&原创 2022-03-09 10:03:04 · 922 阅读 · 0 评论