OSPF ROUTER-ID-新版（15）

 

目录

整体拓扑

操作步骤

1.INT 验证Router-ID选举规则

1.1 查看路由器Router-ID

1.2 配置R1地址

1.3 查看R1接口信息

1.4 查看R1Router-ID

1.5 删除接口IP并查看Router-ID

1.6 手工配置Router-ID

2.基本配置

2.1 配置R1的IP

2.2 配置R2的IP

2.3 配置R3的IP

2.4 配置R4的IP

2.5 配置PC-1的IP地址

2.6 配置PC-2的IP地址

2.7 配置PC-3的IP地址

2.8 检测R1与PC1连通性

2.9 检测R3与PC2连通性

2.10 检测R4与PC3连通性

3.理解OSPF的Router-ID

3.1 配置R1的OSPF

3.2 配置R2的OSPF

3.3 配置R3的OPSF

3.4 配置R4的OSPF

3.5 测试PC-1和PC-2的连通性

3.6 测试PC-1和PC-3的连通性

3.7 修改R2的Router-ID

3.8 再次查看R2 的OSPF邻居信息

3.9 测试PC-1与PC-2的连通性

3.10 还原R2之前配置

3.11 修改R4的Router-ID

3.12 查看R2的OSPF邻居状态

3.13 查看R2的路由表

3.14 测试PC-1与PC-3的连通性

4.保存数据

4.1保存R1数据

4.2保存R2数据

4.3保存R3数据

4.4保存R4数据

  本实验模拟企业网络环境，R1为部门A的网关设备，R3为部门B的网关设备，R4为部门C的网关设备，R2为企业核心路由器。现网络中运行OSPF协议实现全网互通，所有路由器运行在区域0内。网络管理员需要正确配置Router-ID以避免产生不必要的问题。

整体拓扑

操作步骤

1.INT 验证Router-ID选举规则

1.1 查看路由器Router-ID

在进行基本配置之前，在R1上使用命令display route id来查看当前设备上的Router-ID。
<Huawei>system-view
[Huawei]sysname R1
[R1]display router id
Router-ID:0.0.0.0
可以观察到，在设备没有配置任何接口时，Router-ID为0.0.0.0。

​​​​​​​system-view
sysname R1
display router id

1.2 配置R1地址

根据实验编址表，在R1的GE 0/0/1接口上配置IP地址10.0.12.1，GE 0/0/0接口配置IP地址10.0.1.254，配置环回接口0的地址1.1.1.1。
[R1]interface gigabitethernet 0/0/1
[R1-GigabitEthernet0/0/1]ip addres 10.0.12.1 24
[R1-GigabitEthernet0/0/1]interface gigabitethernet 0/0/0
[R1-GigabitEthernet0/0/0]ip addres 10.0.1.254 24
[R1-GigabitEthernet0/0/0]interface loopback 0
[R1-LoopBack0]ip addres 1.1.1.1 32
[R1-LoopBack0]quit

​​​​​​​interface gigabitethernet 0/0/1
ip addres 10.0.12.1 24
interface gigabitethernet 0/0/0
ip addres 10.0.1.254 24
interface loopback 0
ip addres 1.1.1.1 32
quit

1.3 查看R1接口信息

配置完成后，在R1上查看所有接口信息。
<R1>display ip interface brief
可以观察到，目前所配置的接口及IP地址信息。

display ip interface brief

1.4 查看R1Router-ID

查看当前设备上的Router-ID。
[R1]display router id
可以观察到当前设备上的全局Router-ID为10.0.12.1，而不是环回接口地址1.1.1.1，这是为什么？
原因是接口配置顺序会影响Router-ID的选举，因为设备上第一次配置的是物理接口的地址，该动作便会触发Router-ID的选举。而此刻，设备上也有且仅有该物理地址，所以该地址便会被Router-ID所使用，后续即使再配置了环回接口地址也不会使用。同理，如果第一次配置的是其他物理接口的地址，或者是环回接口的地址，都会被Router-ID所使用。

display router id

1.5 删除接口IP并查看Router-ID

在R1上删除接口GE 0/0/1的IP地址，并再次查看此时设备的Router-ID。
[R1]interface gigabitethernet 0/0/1
[R1-GigabitEthernet0/0/1]undo ip address
UNDO
[R1]display router id
Router-ID:1.1.1.1

可以观察到，当删除当前Router-ID所使用的IP地址时，便会触发重新选举，按照环回接口优先的规则选择使用1.1.1.1作为Router-ID。

​​​​​​​interface gigabitethernet 0/0/1
undo ip address
display router id

1.6 手工配置Router-ID

可以采用手动配置的方式强制指定R1的Router-ID为1.1.1.1。这样配置的优点是，即使该地址现在已经不是R1的任何接口的地址，也可以修改成为Router-ID（删除该环回接口也不会触发重新选举）。
<R1>system-view
[R1]router id 1.1.1.1

配置完成后，马上弹出以下信息。
Info: Router-ID has been modified, please reset the relative protocols manually to update the Router-ID.

该信息表示Router-ID已经被修改，请重启相应的路由协议进行更新。即当前全局配置的Router-ID已经被更新，如果目前设备上已经运行了OSPF协议，需要重置OSPF协议进程或者重启整台路由器才可以使得OSPF协议中的Router-ID也同步更新使用该新的全局Router-ID。需要使用命令reset ospf process来重置OSPF协议进程

​​​​​​​return
system-view
router id 1.1.1.1

2.基本配置

根据实验编址表进行完成剩余基本配置。

2.1 配置R1的IP

再次在R1的GE 0/0/1接口上配置IP地址10.0.12.1
[R1]interface gigabitethernet 0/0/1
[R1-GigabitEthernet0/0/1]ip addres 10.0.12.1 24

​​​​​​​interface gigabitethernet 0/0/1
ip addres 10.0.12.1 24

2.2 配置R2的IP

根据实验编址表配置路由器R2的接口IP地址。
<Huawei>system-view
[Huawei]sysname R2
[R2]interface Loopback 0
[R2-loopback0]ip address 2.2.2.2 32
[R2-loopback0]quit
[R2]interface GigabitEthernet0/0/0
[R2-GigabitEthernet0/0/0]ip address 10.0.12.2 24
[R2-GigabitEthernet0/0/0]quit
[R2]interface GigabitEthernet0/0/1
[R2-GigabitEthernet0/0/1]ip address 10.0.23.2 24
[R2-GigabitEthernet0/0/1]quit
[R2]interface GigabitEthernet0/0/2
[R2-GigabitEthernet0/0/2]ip address 10.0.24.2 24
[R2-GigabitEthernet0/0/2]quit

​​​​​​​system-view
sysname R2
interface Loopback 0
ip address 2.2.2.2 32
quit
interface GigabitEthernet0/0/0
ip address 10.0.12.2 24
quit
interface GigabitEthernet0/0/1
ip address 10.0.23.2 24
quit
interface GigabitEthernet0/0/2
ip address 10.0.24.2 24
quit

2.3 配置R3的IP

根据实验编址表配置路由器R3的接口IP地址。
<Huawei>system-view
[Huawei]sysname R3
[R3]interface Loopback 0
[R3-loopback0]ip address 3.3.3.3 32
[R3-loopback0]quit
[R3]interface GigabitEthernet0/0/0
[R3-GigabitEthernet0/0/0]ip address 10.0.23.3 24
[R3-GigabitEthernet0/0/0]quit
[R3]interface GigabitEthernet0/0/1
[R3-GigabitEthernet0/0/1]ip address 10.0.2.254 24
[R3-GigabitEthernet0/0/1]quit

​​​​​​​system-view
sysname R3
interface Loopback 0
ip address 3.3.3.3 32
quit
interface GigabitEthernet0/0/0
ip address 10.0.23.3 24
quit
interface GigabitEthernet0/0/1
ip address 10.0.2.254 24
quit

2.4 配置R4的IP

根据实验编址表配置路由器R4的接口IP地址，掩码长度为24。
<Huawei>system-view
[Huawei]sysname R4
[R4]interface Loopback 0
[R4-loopback0]ip address 4.4.4.4 32
[R4-loopback0]quit
[R4]interface GigabitEthernet0/0/0
[R4-GigabitEthernet0/0/0]ip address 10.0.24.4 24
[R4-GigabitEthernet0/0/0]quit
[R4]interface GigabitEthernet0/0/1
[R4-GigabitEthernet0/0/1]ip address 10.0.3.254 24
[R4-GigabitEthernet0/0/1]quit

system-view
sysname R4
interface Loopback 0
ip address 4.4.4.4 32
quit
interface GigabitEthernet0/0/0
ip address 10.0.24.4 24
quit
interface GigabitEthernet0/0/1
ip address 10.0.3.254 24
quit

2.5 配置PC-1的IP地址

双点击PC图标，即可出现配置界面，配置完成后点击应用。
根据实验编制表配置PC-1的IP地址为：10.0.1.1，对应的子网掩码为255.255.255.0，默认网关为10.0.1.254。

2.6 配置PC-2的IP地址

双点击PC图标，即可出现配置界面，配置完成后点击应用。
根据实验编制表配置PC-2的IP地址为：10.0.2.1，对应的子网掩码为255.255.255.0，默认网关为10.0.2.254。

2.7 配置PC-3的IP地址

双点击PC图标，即可出现配置界面，配置完成后点击应用。
根据实验编制表配置PC-3的IP地址为：10.0.3.1，对应的子网掩码为255.255.255.0，默认网关为10.0.3.254。

2.8 检测R1与PC1连通性

并使用ping命令检测R1与PC1直连链路的连通性。
<R1>ping 10.0.1.1
测试完成，通信正常。

ping 10.0.1.1

2.9 检测R3与PC2连通性

并使用ping命令检测R3与PC2直连链路的连通性。
<R3>ping 10.0.2.1
测试完成，通信正常。

ping 10.0.2.1

2.10 检测R4与PC3连通性

并使用ping命令检测R4与PC3直连链路的连通性。
<R4>ping 10.0.3.1
测试完成，通信正常。

ping 10.0.3.1

3.理解OSPF的Router-ID

在所有路由器上配置OSPF协议，并都运行在区域0内。使用ospf router-id命令来配置OSPF协议的私有Router-ID，如果不配置，则默认使用全局下的Router-ID。
注意区分设备全局下的Router-ID和路由协议的Router-ID的概念。如果在路由协议中没有配置Router-ID，就会默认使用路由器的全局Router-ID。如果配置，则可以和全局Router-ID不一致。
一般建议采用环回接口地址作为路由协议的Router-ID，优点为环回接口是逻辑接口，比物理接口更加稳定。在对网络操作时，网络管理员有可能误操作导致物理接口地址删除，或者改动，而环回接口则一般不会去改动。

3.1 配置R1的OSPF

在R1上做OSPF基础配置。
[R1]ospf 1 router-id 1.1.1.1
[R1-ospf-1]area 0
[R1-ospf-1-area-0.0.0.0]network 10.0.12.0 0.0.0.255
[R1-ospf-1-area-0.0.0.0]network 10.0.1.0 0.0.0.255

​​​​​​​return
system-view
ospf 1 router-id 1.1.1.1
area 0
network 10.0.12.0 0.0.0.255
network 10.0.1.0 0.0.0.255

3.2 配置R2的OSPF

在R2上做OSPF基础配置。
[R2]ospf 1 router-id 2.2.2.2
[R2-ospf-1]area 0
[R2-ospf-1-area-0.0.0.0]network 10.0.12.0 0.0.0.255
[R2-ospf-1-area-0.0.0.0]network 10.0.23.0 0.0.0.255
[R2-ospf-1-area-0.0.0.0]network 10.0.24.0 0.0.0.255

ospf 1 router-id 2.2.2.2
area 0
network 10.0.12.0 0.0.0.255
network 10.0.23.0 0.0.0.255
network 10.0.24.0 0.0.0.255

3.3 配置R3的OPSF

在R3上做OSPF基础配置。
[R3]ospf 1 router-id 3.3.3.3
[R3-ospf-1]area 0
[R3-ospf-1-area-0.0.0.0]network 10.0.23.0 0.0.0.255
[R3-ospf-1-area-0.0.0.0]network 10.0.2.0 0.0.0.255

拷贝代码

​​​​​​​ospf 1 router-id 3.3.3.3
area 0
network 10.0.23.0 0.0.0.255
network 10.0.2.0 0.0.0.255

3.4 配置R4的OSPF

在R4上做OSPF基础配置。
[R4]ospf 1 router-id 4.4.4.4
[R4-ospf-1]area 0
[R4-ospf-1-area-0.0.0.0]network 10.0.24.0 0.0.0.255
[R4-ospf-1-area-0.0.0.0]network 10.0.3.0 0.0.0.255

​​​​​​​ospf 1 router-id 4.4.4.4
area 0
network 10.0.24.0 0.0.0.255
network 10.0.3.0 0.0.0.255

3.5 测试PC-1和PC-2的连通性

配置完成后测试PC-1和PC-2间的连通性。
PC1>ping 10.0.2.1

ping 10.0.2.1

3.6 测试PC-1和PC-3的连通性

配置完成后测试PC-1和PC-3间的连通性。
PC1>ping 10.0.3.1

ping 10.0.3.1

3.7 修改R2的Router-ID

现在修改R2的Router-ID为3.3.3.3，即R3的Router-ID，使R3和R2的Router-ID重叠，并重置协议进程使该配置生效。（重置进程时，输入‘y’进行确认）
[R2]ospf 1 router-id 3.3.3.3
<R2>reset ospf process

​​​​​​​return
system-view
ospf 1 router-id 3.3.3.3
return
reset ospf process

3.8 再次查看R2 的OSPF邻居信息

待协议收敛后，再次查看R2 的OSPF邻居信息。
<R2>display ospf peer
可以观察到到R2与R3的邻居关系消失。

display ospf peer

3.9 测试PC-1与PC-2的连通性

测试PC-1与PC-2的连通性。
PC>ping 10.0.2.1
网络已经发生故障，无法正常通信。验证了OSPF建立直连邻居关系时，Router-ID一定不能重叠。那么如果OSPF非直连邻居的Router-ID重叠会产生什么现象？

ping 10.0.2.1

3.10 还原R2之前配置

还原R2之前的配置。
[R2]ospf 1 router-id 2.2.2.2
<R2>reset ospf process

system-view
ospf 1 router-id 2.2.2.2
return
reset ospf process

3.11 修改R4的Router-ID

调整R4的Router-ID为3.3.3.3，与R3重叠。
[R4]ospf 1 router-id 3.3.3.3
<R4>reset ospf process

​​​​​​​return
system-view
ospf 1 router-id 3.3.3.3
return
reset ospf process

3.12 查看R2的OSPF邻居状态

调整R4的Router-ID配置完成后，查看R2的OSPF邻居状态。
<R2>display ospf peer brief
发现R2有两个3.3.3.3的邻居。

display ospf peer brief

3.13 查看R2的路由表

查看R2的路由表。
<R2>display ip routing-table protocol ospf
可以观察到，此时R2没有接收到R4上10.0.3.0/24网段的路由条目，即使路由器邻居关系建立正常，但也无法正常获取路由条目。

display ip routing-table protocol ospf

3.14 测试PC-1与PC-3的连通性

测试PC-1与PC-3的连通性。
PC1>ping 10.0.3.1
可以观察到，通信无法正常进行。这是因为R2认为是同一个OSPF邻居，但是LSA又不一致，造成链路状态数据库发送错误，无法计算出正确的路由信息。
综上所述，OSPF协议的Router-ID务必要在整个路由选择域内保持唯一。

ping 10.0.3.1

4.保存数据

4.1保存R1数据

在R1上保存数据。
<R1>save 

save

4.2保存R2数据

在R2上保存数据。
<R2>save 

save

4.3保存R3数据

在R3上保存数据。
<R3>save 

save

4.4保存R4数据

在R4上保存数据。
<R4>save 

save

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/587237.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

基于Unity Editor开发一个技能编辑器可能涉及到的内容

基于Unity Editor开发一个技能编辑器可能涉及到的内容

基于Unity Editor开发一个技能编辑器&#xff0c;涉及到的方面较多&#xff0c;涵盖了Unity自身的GUI框架、序列化系统、自定义编辑器、脚本调用与数据存储等。下面是几个关键点和你可能会用到的类以及API&#xff1a; 自定义Inspector&#xff1a; 使用Editor类来重写组件的I…
阅读更多...
c++ 简单实用万能异常捕获

c++ 简单实用万能异常捕获

多层捕获异常&#xff0c;逐渐严格。并打印出错信息和位置&#xff1a;哪个文件&#xff0c;哪个函数&#xff0c;具体哪一行代码。 #include <stdexcept> // 包含标准异常类的头文件try {int a 2 / 0; }catch (const std::runtime_error& e) {// 捕获 std::runt…
阅读更多...
游戏任务系统实现思路

游戏任务系统实现思路

文章目录 一、需求介绍二、数据库设计3、代码部分实现 一、需求介绍 1、首先任务的类型不同&#xff0c;可以分为&#xff1a;日常任务、成长任务、活动任务等等。 2、当达到任务目标时&#xff0c;自动发放任务奖励。 3、任务需要后台可配置&#xff0c;例如&#xff1a;任务…
阅读更多...
访问公网视频监控平台，看不到实时视频的问题查处

访问公网视频监控平台，看不到实时视频的问题查处

一、实时监控视频看不到了的问题出现 今天在给客户演示实时视频监控&#xff0c;通过公网平台能够正常查看各个品牌IPC的实时视频&#xff08;在浏览器页面输入“http://公网平台IP地址”&#xff0c;关于IP地址详细介绍&#xff0c;可以看以前文章&#xff09;&#xff0c;如下…
阅读更多...
Python集成开发工具

Python集成开发工具

第二章、IDE&#xff08;PyCharm&#xff09; 一、设置py文件模板 设置模版 二、格式化代码设置 三、PyCharm运行python源文件的模式 第一次按照何种模式执行测试用例&#xff0c;后续都会按照这种方式去执行 普通模式&#xff0c;unittest模式&#xff0c;pytest模式介绍 四…
阅读更多...
记录DevEco Studio 模拟器启动失败问题

记录DevEco Studio 模拟器启动失败问题

启动模拟器报错 解决步骤 1、“启用或关闭windows功能"勾选"hyper-v”、“windows虚拟机监控程序平台”、“虚拟机平台” 2、打开cpu虚拟化 打开bios&#xff0c;打开Intel Virtualization Technology 这样就可以了 在任务管理器可以看到已开启&#xff0c;编辑器…
阅读更多...
牛客网SQL训练4—SQL进阶挑战

牛客网SQL训练4—SQL进阶挑战

文章目录 一、增删改操作1. 插入记录2. 更新记录3. 删除记录 二、表与索引操作1. 表的创建、修改与删除2. 索引的创建、删除 三、聚合分组查询1. 聚合函数2. 分组查询 四、多表查询1. 嵌套子查询2. 合并查询3. 连接查询 五、窗口函数1. 专用窗口函数2. 聚合窗口函数 六、其他常…
阅读更多...
Android 配置不同应用ID

Android 配置不同应用ID

在Android中&#xff0c;每个应用都有一个独特的应用ID&#xff0c;用于唯一标识该应用。如果您想配置不同ID的应用&#xff0c;请按照以下步骤操作&#xff1a; 在Android Studio中创建一个新的项目。 在创建项目时&#xff0c;使用不同的应用ID。您可以在app/build.gradle文…
阅读更多...
Redis：原理速成+项目实战——Redis的Java客户端

Redis：原理速成+项目实战——Redis的Java客户端

&#x1f468;‍&#x1f393;作者简介&#xff1a;一位大四、研0学生&#xff0c;正在努力准备大四暑假的实习 &#x1f30c;上期文章&#xff1a;Redis&#xff1a;原理速成项目实战——Redis常见命令&#xff08;数据结构、常见命令总结&#xff09; &#x1f4da;订阅专栏&…
阅读更多...
数据治理：释放数据价值的关键

数据治理：释放数据价值的关键

随着数字化时代的到来&#xff0c;数据已成为组织和企业最重要的资产之一。然而&#xff0c;数据的快速增长和复杂性也给数据管理带来了巨大的挑战。为了确保数据的质量、安全性和合规性&#xff0c;数据治理已成为组织和企业必须面对的重要问题。数据治理是数据要素市场建设的…
阅读更多...
机器学习（一） -- 概述

机器学习（一） -- 概述

系列文章目录 机器学习&#xff08;一&#xff09; -- 概述 机器学习&#xff08;二&#xff09; -- 数据预处理 未完待续…… 目录 系列文章目录 前言 一、机器学习定义&#xff08;是什么&#xff09; 二、机器学习的应用&#xff08;能做什么&#xff09; 三、***机器…
阅读更多...
C语言共用体成员输出的值与赋值时的不同的原因

C语言共用体成员输出的值与赋值时的不同的原因

共用体成员输出的值与赋值时的不同的原因 在使用C语言的共用体时&#xff0c;如果成员输出的值与之前定义共用体变量的时候所赋值的不同&#xff0c;那么很可能是因为定义共用体变量的时候&#xff0c;为共用体的多个成员赋值造成的。因为共用体虽然允许在同一个内存位置上存储…
阅读更多...
Paste在开发过程中的效率提升

Paste在开发过程中的效率提升

1. 引言 在开发过程中&#xff0c;剪贴板管理工具是程序员日常工作中的得力助手。Paste作为一款专为Mac用户设计的剪贴板管理工具&#xff0c;不仅可以提高复制粘贴的效率&#xff0c;还通过一系列强大的功能为开发者带来更多便利。 Paste是一款专为Mac用户设计的剪贴板管理工…
阅读更多...
leetcode链表小练（1.反转链表2.链表的中间节点3.合并两个有序链表4.环形链表①5.环形链表②）详解 (୨୧• ᴗ •͈)◞︎ᶫᵒᵛᵉ ♡

leetcode链表小练（1.反转链表2.链表的中间节点3.合并两个有序链表4.环形链表①5.环形链表②）详解 (୨୧• ᴗ •͈)◞︎ᶫᵒᵛᵉ ♡

目录 一.反转链表 思路一反转指针反向&#xff1a; 思路二头插法&#xff1a; 二.链表的中间节点&#xff1a; 三.合并两个有序数组: 思路一&#xff1a;从头开始&#xff0c;取两个链表中小的那个尾插到新链表。定义指针head,tail指向空&#xff0c;代表新链表的头结点。…
阅读更多...
C# 时间修改器，修改系统本地时间

C# 时间修改器，修改系统本地时间

需要做c#.net 项目的&#xff0c;有时间并且想赚零花钱的老哥&#xff0c;请加Q群&#xff1a;741058172。 using System; using System.Collections.Generic; using System.Linq; using System.Runtime.InteropServices; using System.Text; using System.Threading.Tasks; 需…
阅读更多...
Linux：不同计算机使用NFS共享资源

Linux：不同计算机使用NFS共享资源

一&#xff0c;安装NFS文件系统 NFS即网络文件系统(network file system)&#xff0c;它允许网络中的计算机之间通过网络共享资源。目前&#xff0c;NFS只用于在Linux和UNIX主机间共享文件系统。 #使用mount命令可以将远程主机的文件系统 安装到 本地&#xff1a; #将远程主机…
阅读更多...
1、aigc图像相关

1、aigc图像相关

aigc图像相关 一、Diffusion webui 在autodl上部署一些问题二、lora和kohyass&#xff08;1&#xff09;角色模型&#xff08;2&#xff09;风格模型&#xff08;3&#xff09;dreambooth&#xff08;4&#xff09;模型合并&#xff08;5&#xff09;Lora加Adetail其他 三、sd …
阅读更多...
个人实际开发心得感悟及学习方法

个人实际开发心得感悟及学习方法

前言 我的学习路线应该和大多数人的学习路线差不多,快速的学习完html和css,很多东西都没有记住的情况下就进入了js的学习,js学的懵懵懂懂就进入了node.js的基础学习和webpack的了解式学习,然后就跨度到了vue和react框架的学习。 节奏很快,学习的基础也极其不扎实。正如同那句…
阅读更多...
模型复杂推理-思维链COT基础和进阶玩法

模型复杂推理-思维链COT基础和进阶玩法

COT基础用法 Few-shot COT Chain of Thought Prompting Elicits Reasoning in Large Language Models 开篇自然是COT小王子的成名作&#xff0c;也是COT的开山之作&#xff0c;单看引用量已经是一骑绝尘。 论文的核心是通过Few-shot的方案&#xff0c;来引导模型生成中间推理过…
阅读更多...
react中的类（有状态）组件，函数（无状态）组件·示例，对比及组件样式引用方案（附代码）

react中的类（有状态）组件，函数（无状态）组件·示例，对比及组件样式引用方案（附代码）

目录 react组件分类 函数组件 创建函数组件的注意点 代码示例 函数组件的优点 类组件 创建类组件的注意点 代码示例 类组件的优点 有状态和无状态组件的区别 组件样式 行内样式 外链样式 css in js解决方案 react组件分类 在React中&#xff0c;有三种主要类型的…
阅读更多...
最新文章

Copyright @ 2022~2023