![](https://img-blog.csdnimg.cn/e21e5be4725e4ca890bee458b0ff9d62.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React
文章平均质量分 73
ReactReactReact
心湖中的石子
这个作者很懒,什么都没留下…
展开
-
react(尚硅谷)08-react-redux,连接容器组件和redux组件、provider组件的使用、整合ui组件和容器组件,redux开发者工具
1、react-redux是一个插件库2、连接容器组件和redux组件安装react-redux库npm i react-redux --save1、创建容器文件夹container,并创建响应的容器组件count,及index.js2、container/count/index.js//引入count的ui组件import CountUI from '../../component/Count'import { createIncreatmentAciton, create原创 2021-11-05 12:43:45 · 643 阅读 · 0 评论 -
react(尚硅谷)07-antd的基本使用,推荐几款ui库、redux概念、场景、工作流程,redux的三大核心概念-action、reducer、store,计算器案例,异步action
1、antd的基本使用现在已经有了antd of react流行的开源React UI组件库material-ui(国外)官网: http://www.material-ui.com/#/github: https://github.com/callemall/material-uiant-design(国内蚂蚁金服)3. 官网: https://ant.design/index-cn4. Github: https://github.com/ant-design/ant-design/原创 2021-11-05 08:42:58 · 591 阅读 · 0 评论 -
react(尚硅谷)06-Switch的使用,路由模糊匹配,重定向,嵌套路由,向路由组件传递params、search、state参数,push与replace,编程式路由导航,withRouter
1、Switch的使用<div className="panel-body"> {/*注册路由*/} <Switch> <Route path="/about" component={About}/> <Route path="/home" component={Home}/>原创 2021-11-04 09:44:52 · 690 阅读 · 0 评论 -
react(尚硅谷)05-初始化脚手架、目录结构,父子组件传值 ,react ajax,消息订阅及发布,fetch,spa单页面,路由的理解,路由的基本使用,路由组件及一般组件,封装NavLink组件
1、初始化脚手架原创 2021-11-03 17:30:39 · 345 阅读 · 0 评论 -
react(尚硅谷)04-生命周期函数(新旧),父子组件,getDrivedStateFromProps,getSnapshotBefore,生命周期总结,dom的diffing算法
1、生命周期原创 2021-10-31 19:04:05 · 475 阅读 · 0 评论 -
react(尚硅谷)03-react中的事件处理,非受控组件,受控组件,高阶函数,函数柯里化
1、react中的事件处理时间处理通过onXxxx属性指定事件处理函数react使用的是自定义(合成)事件,而不是使用原生dom时间react中的事件是通过事件委托方式处理的(委托给组件最外层的元素)通过event.target得到发生事件的dom元素对象不要过度使用ref2、非受控组件包含表单的组件分类a.受控组件b.非受控组件<!DOCTYPE html><html lang="en"><head> <meta charset="原创 2021-10-31 11:47:22 · 290 阅读 · 0 评论 -
react(尚硅谷)02-props基本写法,给props设置数据规则,函数式组件使用props,字符串形式的refs,回调形式的的ref,createRef的使用
1、props基本写法和vue里面的props很像,这里直接从组件的标签属性中往组件属性中传值,建立起了组件和外部的通讯。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--引入核心库,先核心库,在rect-dom操作dom库,最后babel注意顺序--> <script sr原创 2021-10-31 09:53:44 · 474 阅读 · 0 评论 -
react(尚硅谷)01-jax,面向组件编程,函数式组件,类式组件,三大属之state,绑定事件,解决this指向问题,state状态的更改,state的一些理解
1、react初始案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--引入核心库,先核心库,在rect-dom操作dom库,最后babel注意顺序--> <script src="../js/react.development.js"></script>原创 2021-10-29 22:36:42 · 208 阅读 · 0 评论