React学习笔记
凯扣叮~
这个作者很懒,什么都没留下…
展开
-
React NavLink及Switch
一、NavLink与封装NavLink 1、NavLink可以实现路由链接的高亮,通过activeClassName指定样式名 2、标签体内容是一个特殊的标签属性 3、通过this.props.children可以获取标签体内容MyNavLink组件import React, { Component } from 'react'import { NavLink } from 'react-router-dom'export default class原创 2022-04-22 11:20:57 · 930 阅读 · 0 评论 -
React 路由组件和一般组件的区别
1、写法不同 一般组件:<Header /> 路由组件:<Route path="/about" exact={false} element={<About />} />2、存放位置不同 一般组件:components 路由组件:pages3、接收到的props不同 一般组件:写组件标签时传递了什么,就能接收到什么。 路由组件:接收到三个固定的属性原创 2022-04-22 11:15:12 · 1003 阅读 · 0 评论 -
React 路由的基本使用
react 路由的基本使用原创 2022-04-22 11:13:50 · 771 阅读 · 0 评论 -
React/vue中的key
key值很重要,一定要学好。原创 2021-12-27 16:45:31 · 589 阅读 · 0 评论 -
React 新旧生命周期的区别
在React v16.3中,迎来了新的生命周期改动。原创 2021-12-27 16:11:53 · 398 阅读 · 0 评论 -
React 生命周期(旧)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>React 生命周期(旧)</title> <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script> <script s原创 2021-12-22 17:25:37 · 71 阅读 · 0 评论 -
React 高阶函数_函数柯里化回顾
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>高阶函数_函数柯里化</title> <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script> <script src=原创 2021-12-21 16:27:34 · 196 阅读 · 0 评论 -
React中refs有什么秘密呢?
在React中,refs会有什么秘密呢?接下来,就由我带领大家从使用方法上慢慢解密吧!原创 2021-12-21 16:19:03 · 105 阅读 · 0 评论 -
12 React state的使用
上文介绍到React中非常重要的三大属性,还记得么?这篇文章我们开始介绍state的使用。一、借助构造器初始化stateclass Weather extends React.Component{ constructor(props){ super(props) this.state ={ isHot:false } } render(){ console.log(this) return ( <h1>今天天气很{this.state.isHot ?原创 2021-12-20 09:58:47 · 152 阅读 · 0 评论 -
11.React 类式组件
/* 执行了ReactDOM.render……之后,发生了什么? 1、React解析组件标签,找到了MyComponents组件。 2、发现组件是类定义的,随后new出来该类的实例,并通过该实例调用render方法。获得虚拟DOM并渲染成真实DOM到页面。 */原创 2021-12-17 10:59:37 · 188 阅读 · 0 评论 -
10.React 类的基本知识回顾
// 1、类中的构造器不是必须写的,要对实例进行一些初始化的操作,如添加指定的属性时才行 // 2、如果A类继承了B类,且A类中写了构造器,那么A类构造器中的super是必须调用的。 // 3、类中调用的方法,都是放在类的原型对象上,供实例使用。原创 2021-12-17 11:05:16 · 174 阅读 · 0 评论 -
9.React 函数式组件
在React的组件渲染上,有两种方式,一种是函数式组件,一种是类式组件。顾名思义,函数式组件即以函数的方法书写组件。类式组件是以类的形式书写组件。这里记录函数式组件的书写规则及注意点。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>函数式组件</title> <script src="https://unpkg原创 2021-12-16 16:49:43 · 1652 阅读 · 0 评论 -
8.React Jsx的语法规则
Jsx的语法规则原创 2021-12-17 11:09:06 · 87 阅读 · 0 评论 -
7.语句(代码)和表达的区别
语句和表达式的区别原创 2021-12-17 11:10:21 · 198 阅读 · 0 评论