
react
文章平均质量分 93
前端主流框架····react
weixin_47164846
这个作者很懒,什么都没留下…
展开
-
react的Hooks介绍
Hooks一.Hook简介Hook是React 16.8新增的特性.它可以让你在不编写class的情况下使用state以及生命周期等特性之前了解到组件有class(类)组件,和函数(无状态)组件,class组件中有自己的生命周期和自己的状态,而函数组件是一个无状态组件,Hook的出现正式为了解决这个问题,Hooks可以让函数式组件可以拥有state,生命周期等特性二.为什么要使用HookHook解决了我们在组件之间复用状态逻辑很难的缺陷,使我们更加便捷的操作可以复用的状态逻辑,因为是函数式组件,效原创 2020-10-15 16:25:15 · 503 阅读 · 0 评论 -
react中的组件之间的通信
react的组件之间的通信一.前言React应用是由组件堆积的形式而成的,组件之间相互独立,但是可以相互通信的,React组件的数据是单向数据流的,在面试中面试官经常会问这方面的问题,我认为可以分为下面几种二.组件通信1.父组件通信子组件父组件要通信子组件是很简单的,使用Props进行属性传值即可!export default class Parent extends React.Component { render() { return ( &原创 2020-10-13 11:33:00 · 125 阅读 · 0 评论 -
react的生命周期
react的生命周期一.简介在React中,每个组件提供了生命周期钩子函数去响应组件在不同时刻应该做的和可以做的事情.组件的挂载>数据更新阶段>卸载阶段二.React 16版本的生命周期由于React 16版本中对生命周期有所更改,所以这里介绍新老版本,现在一般不建议使用React15版本的,会报安全性警告1.组件的挂载(重点就1,3,4)React将组件渲染 > 构造DOM > 展示到页面的过程称为组件的挂载.1.constructor()constructor()原创 2020-10-13 08:12:06 · 91 阅读 · 0 评论 -
react中的Link和NavLink的区别
react中的Link和NavLink的区别Link现在,我们应用需要在各个页面间切换,如果使用锚点元素实现,在每次点击时,页面被重新加载,React Router提供了组件用来避免这种状况发生。当 你点击时,url会更新,组件会被重新渲染,但是页面不会重新加载嗯、先看个例子// to为string<Link to="/my">我的</Link> // to为obj<Link to={{ pathname: '/my', search: '?sort=n原创 2020-10-12 20:46:57 · 3693 阅读 · 0 评论