react
fansfanfan
这个作者很懒,什么都没留下…
展开
-
React-router的原理(高薪面试必会)
1.BrowserRouter 或 hashRouter 用来渲染 Router 所代表的组件;2.Route 用来匹配组件路径并且筛选需要渲染的组件;3.Switch 用来筛选需要渲染的唯一组件;4.Link 直接渲染某个页面组件(不能实现高亮);5.NavLink 和Link作用一样,但是可以实现点击高亮;6.Redirect 类似于 Link ,在没有Route 匹配成功时触发;...原创 2021-12-19 18:01:19 · 421 阅读 · 1 评论 -
React类组件中事件处理函数中的 this 指向问题
目标 给按钮绑定点击事件 获取原来的数字 在原来数字的基础上 +1 import React, { Component } from 'react'const center = 'center'export default class App extends Component { state = { count: 0, } handleClick() { // 期望:this 是实例对象 console.log(this.原创 2021-12-12 00:47:29 · 375 阅读 · 2 评论 -
React组件通信
组件通信的目的 : 传递或共享某些数据;常见组件通信方式:父传子、子传父、兄弟相传、跨组件通信等。父传子步骤 父组件(使用组件的地方)通过自定义属性提供数据。 子组件(定义组件的地方)通过 this.props/props 接收。 类组件:通过 this.props 接收。// 父组件import React, { Component } from 'react'import Child from './Child'class Parent extends Co原创 2021-12-12 00:33:54 · 132 阅读 · 1 评论 -
React 组件生命周期钩子函数
react组件生命周期图组件的生命周期是什么?组件的生命周期说的就是组件从被创建到挂载到页面中运行,再到组件卸载的过程。只有类组件才有生命周期。了解组件的生命周期有助于理解组件的运行方式、完成更复杂的组件功能、分析组件中问题产生的原因等。React 中生命周期有三个阶段挂载阶段挂载阶段常用的生命周期函数有 3 个,执行顺序是 constructor => render => componentDidMount。钩子函数 触发时机 作用 const.原创 2021-12-09 21:54:11 · 485 阅读 · 1 评论