React
文章平均质量分 62
进击的Bao
这个作者很懒,什么都没留下…
展开
-
React-router 全面总结和整理
一、SPA的理解单页Web应用(Single page web application,SPA);整个应用只有一个完整的页面;点击页面中的链接(React路由技术)不会刷新页面,只会做页面的多局部更新;数据都需要通过ajax请求获取,并在前端异步展现;总结:单页面多组件;二、路由基本概念什么是路由?一个路由就是一个映射关系(key:value)key为路径,value可能是function或者component路由分类后端路由:value是function,用来处理客原创 2021-01-15 09:20:11 · 845 阅读 · 0 评论 -
React 消息订阅与发布机制
在React中,父子组件可以通过props和回调函数进行通信;但是,兄弟组件之间通信并没有提供现成的方法,如果要实现兄弟组件之间的通信,就需要在多层组件之间一层一层传递,将信息传给共同的父组件,然后父组件传递给子组件的方式;这样非常繁琐和不利于维护;引入第三方库PubSubJS,就能直接在触发事件的组件中发布消息,监听组件中订阅消息来实现兄弟组件的通信:使用方法如下:工具库: PubSubJSGitHub下载: npm install pubsub-js --save使用方法:impo原创 2021-01-15 09:20:01 · 3245 阅读 · 3 评论 -
React 组件三大属性总结
用function定义的组件没有实例,不存在this,所以除了props无法使用另外两个属性(通过hooks可以改变);状态 state案例一:通过点击文字切换天气状态class Weather extends React.Component{ constructor(props){ super(props); //初始化状态 this.state = {isHot:true,wind:'微风'}; //解决changeWeather中this的指向问题 t原创 2021-01-15 09:19:46 · 965 阅读 · 1 评论 -
React 生命周期总结(新旧对比)
一、生命周期(旧)//案例:点击按钮加1class Count extends React.Component{ //1.构造器 constructor(props){ super(props) //初始化状态 state = {count:0} } //2.componentWillMount //组件将要挂载 componentWillMount(){} //3.render //渲染组件 render(){ return(原创 2021-01-15 09:19:53 · 973 阅读 · 0 评论