stc12c5a60s2单片机例程

时间: 2023-05-14 08:01:32 浏览: 67
STC12C5A60S2是一种高性能单片机,采用8051内核架构,适用于各种应用领域,包括智能家居、智能控制、通信网络等。STC12C5A60S2单片机的编程方法非常简单,可以使用C语言和汇编语言进行编程,具有底层驱动程序和上层应用程序开发的能力。 在进行STC12C5A60S2单片机的编程之前,我们需要准备好开发板和编程软件。常用的编程软件是KEIL C51和SDCC。使用这两种编程软件,可以很容易地编写出各种控制程序。 例如,我们可以编写一个LED灯闪烁的控制程序。首先,我们需要在程序中定义LED灯的IO口,然后使用定时器来控制LED灯的亮灭。程序下面是一个简单的C语言例程,实现了LED灯闪烁的功能: ```C #include <STC12C5A60S2.h> sbit LED = P1^6; void main() { TMOD = 0x01; TH0 = 0xFC; TL0 = 0x66; ET0 = 1; EA = 1; TR0 = 1; while(1); } void timer0() interrupt 1 { static unsigned int count = 0; count++; if(count >= 500) { count = 0; LED = ~LED; } TH0 = 0xFC; TL0 = 0x66; } ``` 在这个例程中,我们使用了定时器0来控制LED灯的亮灭,每次闪烁间隔为500个时钟周期,也就是约10ms。我们在程序中定义了LED的IO口为P1.6,然后通过定时器的中断函数来实现LED灯的控制。这个例程非常简单,但足以实现LED灯闪烁的效果。 除了LED灯的控制,STC12C5A60S2单片机还可以应用于各种领域,例如机器人控制、传感器信号采集、网络通信等。通过学习和掌握STC12C5A60S2单片机的编程方法,可以为这些应用领域提供更加优秀的控制方案。

相关推荐

可以通过串口通信将STC12C5A60S2单片机与ESP8266进行通信和控制。您可以将STC12C5A60S2作为主控制器,通过串口将指令发送给ESP8266,实现对ESP8266的控制。 以下是一个简单的示例代码,其中使用串口1将指令发送给ESP8266,控制其连接WiFi并发送数据: c #include <STC12C5A60S2.H> #include <stdio.h> #define ESP8266_BAUDRATE 115200 #define UART1_BAUDRATE 9600 void initESP8266(void); void sendCmd(char* cmd); void sendData(char* data); unsigned char receiveByte(void); void main(void) { unsigned char ch; char* ssid = "your_SSID"; char* password = "your_password"; char* data = "Hello, ESP8266!"; // 初始化串口1 TMOD = 0x20; TH1 = 0xfd; TL1 = 0xfd; SCON = 0x50; TR1 = 1; // 初始化ESP8266 initESP8266(); // 连接WiFi sendCmd("AT+CWJAP=\""); sendData(ssid); sendCmd("\",\""); sendData(password); sendCmd("\"\r\n"); // 发送数据 sendCmd("AT+CIPSEND="); sendCmd(strlen(data)); sendCmd("\r\n"); sendData(data); // 等待数据发送完成 do { ch = receiveByte(); } while (ch != '>'); // 断开WiFi连接 sendCmd("AT+CWQAP\r\n"); while (1); } // 初始化ESP8266 void initESP8266(void) { unsigned char ch; // 设置ESP8266波特率 sendCmd("AT+UART_CUR="); sendCmd(ESP8266_BAUDRATE); sendCmd(",8,1,0,0\r\n"); // 等待ESP8266重启 do { ch = receiveByte(); } while (ch != 'K'); } // 发送AT指令 void sendCmd(char* cmd) { while (*cmd) { SBUF = *cmd++; while (!TI); TI = 0; } } // 发送数据 void sendData(char* data) { while (*data) { SBUF = *data++; while (!TI); TI = 0; } } // 接收一个字节 unsigned char receiveByte(void) { while (!RI); RI = 0; return SBUF; } 需要注意的是,ESP8266的波特率默认是115200,而STC12C5A60S2的串口最大只支持9600,因此需要先将ESP8266的波特率设置为9600,以便与STC12C5A60S2进行通信。在示例代码中,通过AT+UART_CUR指令将ESP8266的波特率设置为9600。 此外,需要根据实际情况修改WiFi的SSID和密码,以及要发送的数据。
以下是STC12C5A60S2单片机数字时钟的汇编代码示例: ;STC12C5A60S2单片机数字时钟汇编代码 ;使用P2.0-P2.5控制6个数码管的显示 ORG 0H ;程序入口地址 MOV TMOD,#01H ;初始化定时器0为工作模式1 MOV TH0,#3CH ;设置定时器0的初值,为50ms MOV TL0,#0B0H SETB TR0 ;启动定时器0 MOV DPTR,#TIME ;将DPTR指向时间数组 MAIN: JNB TF0,$ ;等待50ms CLR TF0 ;清除定时器0的溢出标志位 INC TH0 ;重新加载定时器0的初值 MOV A,TH0 CJNE A,#0H,NO_DISPLAY ;如果TH0不等于0,则跳过显示 INC TL0 ;如果TH0等于0,则将TL0加1 CJNE TL0,#0H,NO_DISPLAY ;如果TL0不等于0,则跳过显示 MOV TL0,#0B0H ;如果TL0等于0,则将TL0重新赋值 CLR A ;将A清零 MOVX A,@DPTR ;将DPTR指向的数组元素读取到A中 MOV P2,A ;将A输出到P2口 INC DPTR ;DPTR指向数组的下一个元素 NO_DISPLAY: SJMP MAIN ;跳转到MAIN标号,继续循环 ;定义时间数组 TIME: DB 0FH ;时钟的十位,初始值为0 DB 0AH ;时钟的个位,初始值为0 DB 0FH ;分钟的十位,初始值为0 DB 0AH ;分钟的个位,初始值为0 DB 0FH ;秒钟的十位,初始值为0 DB 0AH ;秒钟的个位,初始值为0 END 该代码与51单片机数字时钟的汇编代码非常相似,只是将P3口改为了P2口。定时器0的设置和时间数组TIME的定义也与51单片机数字时钟的汇编代码相同。程序每50ms执行一次,判断是否需要进行数码管的显示,并将时间数组中的数值输出到对应的数码管上。
STC12C5A60S2是一款具有高性能和低功耗的单片机,支持Modbus协议通讯标准。在进行Modbus通讯时,需要编写相应的代码以实现单片机与其他设备之间的数据交换。 Modbus是一种串行通信协议,该协议定义了数据的传输方式和数据帧的格式。在实现Modbus通讯时,需要设置通讯参数及指定数据的读写寄存器地址。 下面是stc12c5a60s2单片机Modbus代码片段: #include <reg52.h> #include <intrins.h> typedef unsigned char byte; typedef unsigned int word; sbit TXD = P3^1; sbit RXD = P3^0; void SendChar(byte c) { SBUF = c; while(TI == 0); TI = 0; } byte ReadChar() { while(RI == 0); RI = 0; return SBUF; } void InitUART() { TMOD &= 0x0F; TMOD |= 0x20; TH1 = 0xFD; TL1 = 0xFD; TR1 = 1; SM0 = 0; SM1 = 1; REN = 1; EA = 1; ES = 1; } void main() { InitUART(); while(1) { byte buf[8] = {0}; if(RI) { buf[0] = ReadChar(); if(buf[0] == 0x01) { buf[1] = ReadChar(); buf[2] = ReadChar(); buf[3] = ReadChar(); buf[4] = ReadChar(); buf[5] = ReadChar(); buf[6] = ReadChar(); byte sum = buf[0] + buf[1] + buf[2] + buf[3] + buf[4] + buf[5]; if(sum == buf[6]) { //处理读写寄存器的数据 byte data[] = {0x01, 0x03, 0x04, 0x00, 0x00, 0x00, 0x00, 0x00}; byte res[] = {0x01, 0x03, 0x08, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00}; SendChar(data[0]); SendChar(data[1]); SendChar(data[2]); SendChar(data[3]); SendChar(data[4]); SendChar(data[5]); SendChar(data[6]); SendChar(data[7]); } } } } } 以上代码主要实现了单片机与其他设备之间的串行通讯和数据的读写操作。其中,通过InitUART()函数初始化串口通讯参数,通过SendChar()函数和ReadChar()函数实现数据的发送和接收,通过处理寄存器数据实现Modbus通讯的读写操作。在实际应用中,还需要根据具体的需求进行更加复杂的程序编写。
### 回答1: STC12C5A60S2是一款单片机芯片,它有两个串口可以用来进行串口通信。在使用串口功能时,需要编写相应的例程进行控制。下面介绍一下STC12C5A60S2的双串口例程。 首先,需要在程序中定义串口使用的引脚和串口的参数,如波特率、数据位、停止位和校验位等。定义完成后,就可以开始编写串口发送和接收的代码了。 串口发送的代码需要将需要发送的数据存放在串口发送缓冲区中,并开启串口发送中断。当串口发送中断发生时,单片机就会自动发送缓冲区内的数据,直到发送完毕。 串口接收的代码需要开启串口接收中断,并在中断服务函数中读取接收到的数据。当接收中断发生时,单片机会自动将接收到的数据存放在串口接收缓冲区中,在中断服务函数中就可以读取到这些数据。 以上就是STC12C5A60S2的双串口例程的基本编写方法,需要根据实际需求进行修改和完善。在编写串口代码时,需要考虑到通信稳定性和使用的效率,尽可能做到简单、清晰、实用。 ### 回答2: STC12C5A60S2是一款高性能单片机芯片,具有双串口功能,可以同时与两个串口设备进行通信。为了实现双串口的功能,我们需要编写相应的程序代码,以下是一个简单的例程。 首先,需要初始化串口的波特率、数据位、停止位和校验位。然后,在主函数中调用两个串口接收数据的函数,并将数据保存到相应的缓冲区中。接着,在循环中判断两个缓冲区中是否有数据,如果有则将数据发送至指定的串口设备。 以下是该例程的代码: #include <reg52.h> #define UART1_BAUDRATE 9600 // 串口1波特率 #define UART1_DATABIT 8 // 串口1数据位 #define UART1_STOPBIT 1 // 串口1停止位 #define UART1_PARITY 0 // 串口1校验位 #define UART2_BAUDRATE 9600 // 串口2波特率 #define UART2_DATABIT 8 // 串口2数据位 #define UART2_STOPBIT 1 // 串口2停止位 #define UART2_PARITY 0 // 串口2校验位 #define UART1_BUF_SIZE 64 // 串口1缓冲区大小 #define UART2_BUF_SIZE 64 // 串口2缓冲区大小 unsigned char uart1_buf[UART1_BUF_SIZE]; // 串口1接收缓冲区 unsigned char uart2_buf[UART2_BUF_SIZE]; // 串口2接收缓冲区 unsigned char uart1_index = 0; // 串口1接收缓冲区索引 unsigned char uart2_index = 0; // 串口2接收缓冲区索引 void uart1_init() { SCON = 0x50; // 8位数据位,无校验位,1位停止位 TMOD &= 0x0F; // 清除用于计数的TMOD的高四位 TMOD |= 0x20; // 设置用于计数的TMOD的低两位 TH1 = 256 - (11059200 / (UART1_BAUDRATE * 12 * 32)); // 重新计算波特率 TL1 = TH1; TR1 = 1; // 启动计数器 } void uart2_init() { SCON = 0x50; // 8位数据位,无校验位,1位停止位 TMOD &= 0xF0; // 清除用于计数的TMOD的低四位 TMOD |= 0x02; // 设置用于计数的TMOD的高两位 TH1 = 256 - (11059200 / (UART2_BAUDRATE * 12 * 32)); // 重新计算波特率 TL1 = TH1; TR1 = 1; // 启动计数器 } void uart1_receive() { if (RI) { // 接收到数据 if (uart1_index < UART1_BUF_SIZE) { // 判断缓冲区是否已满 uart1_buf[uart1_index++] = SBUF; // 保存接收到的数据 } RI = 0; // 重置接收中断标志 } } void uart2_receive() { if (RI) { // 接收到数据 if (uart2_index < UART2_BUF_SIZE) { // 判断缓冲区是否已满 uart2_buf[uart2_index++] = SBUF; // 保存接收到的数据 } RI = 0; // 重置接收中断标志 } } void main() { EA = 1; // 开启全局中断 uart1_init(); // 初始化串口1 uart2_init(); // 初始化串口2 while(1) { if (uart1_index > 0) { // 判断串口1缓冲区中是否有数据 SBUF = uart1_buf[0]; // 将数据发送至指定的串口设备 while(!TI); // 等待发送完成 TI = 0; // 重置发送中断标志 uart1_index--; // 更新缓冲区索引 for (unsigned char i = 0; i < uart1_index; i++) { // 将后续数据向前移动 uart1_buf[i] = uart1_buf[i + 1]; } } if (uart2_index > 0) { // 判断串口2缓冲区中是否有数据 SBUF = uart2_buf[0]; // 将数据发送至指定的串口设备 while(!TI); // 等待发送完成 TI = 0; // 重置发送中断标志 uart2_index--; // 更新缓冲区索引 for (unsigned char i = 0; i < uart2_index; i++) { // 将后续数据向前移动 uart2_buf[i] = uart2_buf[i + 1]; } } } } 以上示例代码实现了STC12C5A60S2的双串口功能。编写双串口程序需要注意的是,需要同时处理两个串口的收发数据,尤其要注意正确地存储和使用缓冲区中的数据,以保证数据的可靠传输。 ### 回答3: STC12C5A60S2是一款集成了两个串口模块的单片机,它可以方便地实现数据的收发。下面简要介绍STC12C5A60S2双串口例程。 1.串口初始化 串口初始化需要设置波特率、数据位、停止位、校验位等参数。以串口1为例: C SCON = 0x50; //8位数据,可变波特率 TMOD &= 0x0F; TMOD |= 0x20; //设置定时器1为模式2,8位自动重载 TH1 = 0xFD; //高八位计数器,波特率为9600 TL1 = 0xFD; //低八位计数器,波特率为9600 TR1 = 1; //定时器1开始计数 ES = 1; //开启串口1中断允许 EA = 1; //开启全局中断允许 2.中断服务程序 当数据发送或接收完成时,会触发中断,需要编写中断服务程序。 C void uart() interrupt 4 //串口1中断服务程序 { if (RI) //接收中断 { RI = 0; //清除中断标志位 //处理接收到的数据 } if (TI) //发送中断 { TI = 0; //清除中断标志位 //继续发送数据 } } 3.数据收发 数据的接收通过轮询方式实现,数据的发送可以使用中断方式或者轮询方式实现。 C //接收数据 void receive_data() { while (!RI); //等待接收完成 data_buf = SBUF; //获取接收到的数据 RI = 0; //清除中断标志位 } //发送数据 void send_data() { SBUF = data_buf; //发送数据 while (!TI); //等待发送完成 TI = 0; //清除中断标志位 } 以上就是STC12C5A60S2双串口例程的主要内容。值得注意的是,由于串口1和串口2的寄存器和中断向量不同,因此需要分别初始化和编写中断服务程序。此外,在发送数据时,需要注意中断服务程序中的TI标志位,以避免重复发送数据。
### 回答1: STC12C5A60S2是一款51单片机系列中的一员,它是由深圳杰理微电子有限公司生产的,被广泛应用于各种电子产品中。这款单片机具有高性能、低功耗、丰富的外设资源等特点,可以满足不同应用场景下的需求。 STC12C5A60S2的编程软件是指用于对这款单片机进行编程的工具软件。该软件包括集成开发环境(IDE)和编程器等组成部分。 首先,STC12C5A60S2的编程软件提供了一套完整的开发工具,可以帮助开发者进行代码编写、调试和下载等操作。使用这套软件,开发者可以方便地编写高效的嵌入式程序,并进行实时调试,确保程序的稳定性和正确性。 其次,STC12C5A60S2的编程软件还可以与硬件编程器进行配合使用。通过连接编程器和目标单片机,开发者可以将编写好的程序下载到单片机上,并进行在线调试和烧录等操作。这样可以大大提高开发效率,缩短开发周期。 此外,STC12C5A60S2的编程软件还具有丰富的功能,如程序烧录、单步调试、寄存器查看等。开发者可以通过软件界面来设置和调整各种参数,以实现对单片机的灵活控制和配置。 总的来说,STC12C5A60S2的编程软件是一款功能强大、易于使用的工具软件,能够满足开发者对该单片机的编程需求。它为嵌入式软件开发提供了良好的支持,能够帮助开发者轻松完成各种项目。 ### 回答2: STC12C5A60S2是一种51系列的单片机,编程软件是用来将程序代码下载到这款单片机的工具。现在市面上有很多款适用于STC12C5A60S2的编程软件,比如STC-ISP、STC-UNIProg等。这些软件都可以用于编写、调试和下载程序到该单片机。 编程软件一般具有以下功能: 1. 编写程序代码:通过编程软件,可以创建、编辑和保存程序代码。STC12C5A60S2采用汇编语言或C语言进行编程,编程软件提供了相应的编码工具和语法支持,方便程序员编写代码。 2. 调试功能:编程软件通常提供了调试功能,让程序员可以对程序进行单步调试,查看变量值和内存状态等。这对于程序开发和调试非常有帮助,可以减少错误和提高程序的稳定性。 3. 下载程序:编程软件可以将程序代码下载到STC12C5A60S2的闪存中。程序员可以通过串口连接单片机和计算机,使用编程软件将程序代码传输到单片机内存中,实现程序的运行。 4. 设置器件参数:编程软件还提供了设置器件参数的功能,比如时钟频率、IO口配置、中断设置等。通过编程软件,可以对STC12C5A60S2进行灵活的配置,适应不同的应用场景需求。 总之,STC12C5A60S2编程软件是一种功能强大的工具,可以帮助程序员轻松进行单片机的程序开发和调试,实现程序的下载和运行。它能提高程序开发效率,减少错误,为嵌入式系统开发提供了便利。 ### 回答3: STC12C5A60S2是一款8051系列的单片机芯片,编程软件是用来对其进行程序设计和下载的工具。 stc12c5a60s2编程软件一般包括编程编辑器、编译器和下载工具等功能。编程编辑器通常提供了丰富的代码编辑功能,例如语法高亮、自动补全、代码调试等。编译器可以将开发者编写的高级程序代码转换为机器码,使其可以在单片机中执行。下载工具用于将编译好的程序下载到STC12C5A60S2芯片中,以便实现相应的功能。 对于STC12C5A60S2编程软件的操作流程一般是:首先,在编程编辑器中编写程序代码。然后,使用编译器将源代码转化为机器码。接下来,通过下载工具将机器码写入到STC12C5A60S2芯片的存储器中。最后,将芯片与相应的外部电路进行连接,实现程序的运行。 使用STC12C5A60S2编程软件可以实现各种功能,例如控制外部设备、采集传感器数据、实现通讯等。开发者可以根据自己的需求编写程序,通过编程软件将其下载到芯片中,从而实现对目标设备的控制和操作。 总而言之,STC12C5A60S2编程软件是一款针对该8051系列单片机芯片的专用工具,它提供了代码编辑、编译和下载等功能,可以实现对芯片的程序设计和下载操作。通过使用该软件,开发者可以实现各种功能,并将其应用于相应的应用领域中。

最新推荐

用STC12C5A60S2的智能循迹小车

本设计中的智能循迹小车,采用 TRCT5000 红外传感器为循迹模块,单片机 STC12C5A60S2 为控制模块,L298N 为电机驱动模块,LM2940 为电源模块。

基于STC12C5A60S2单片机的电子密码锁设计.pdf

基于STC12C5A60S2单片机的电子密码锁设计是以STC12C5A60S2单片机为控制核心的密码锁方案,配合相应的基于STC12C5A60S2单片机的电子密码锁...基于STC12C5A60S2单片机的电子密码锁具有安全性高、功耗低、操作简单等优点。

STC12C5A60S2中的AD转换

STC12C5A60S2中的AD转换。AD里面包含da,当输入电压Vin时,da的最高位是1,即为0.5Vref与输入信号比较,如果输入大于0.5Vref则比较器输出为1,同时da的最高位为1,反之DA最高位则为0,通过8次比较后得到8个01数据即...

工业相机参数介绍,包括线阵相机和面阵相机

工业相机参数介绍,包括线阵相机和面阵相机

代码随想录最新第三版-最强八股文

这份PDF就是最强⼋股⽂! 1. C++ C++基础、C++ STL、C++泛型编程、C++11新特性、《Effective STL》 2. Java Java基础、Java内存模型、Java面向对象、Java集合体系、接口、Lambda表达式、类加载机制、内部类、代理类、Java并发、JVM、Java后端编译、Spring 3. Go defer底层原理、goroutine、select实现机制 4. 算法学习 数组、链表、回溯算法、贪心算法、动态规划、二叉树、排序算法、数据结构 5. 计算机基础 操作系统、数据库、计算机网络、设计模式、Linux、计算机系统 6. 前端学习 浏览器、JavaScript、CSS、HTML、React、VUE 7. 面经分享 字节、美团Java面、百度、京东、暑期实习...... 8. 编程常识 9. 问答精华 10.总结与经验分享 ......

基于交叉模态对应的可见-红外人脸识别及其表现评估

12046通过调整学习:基于交叉模态对应的可见-红外人脸识别Hyunjong Park*Sanghoon Lee*Junghyup Lee Bumsub Ham†延世大学电气与电子工程学院https://cvlab.yonsei.ac.kr/projects/LbA摘要我们解决的问题,可见光红外人重新识别(VI-reID),即,检索一组人的图像,由可见光或红外摄像机,在交叉模态设置。VI-reID中的两个主要挑战是跨人图像的类内变化,以及可见光和红外图像之间的跨模态假设人图像被粗略地对准,先前的方法尝试学习在不同模态上是有区别的和可概括的粗略的图像或刚性的部分级人表示然而,通常由现成的对象检测器裁剪的人物图像不一定是良好对准的,这分散了辨别性人物表示学习。在本文中,我们介绍了一种新的特征学习框架,以统一的方式解决这些问题。为此,我们建议利用密集的对应关系之间的跨模态的人的形象,年龄。这允许解决像素级中�

java二维数组矩阵相乘

矩阵相乘可以使用二维数组来实现,以下是Java代码示例: ```java public class MatrixMultiplication { public static void main(String[] args) { int[][] matrix1 = {{1, 2, 3}, {4, 5, 6}}; // 定义一个2x3的矩阵 int[][] matrix2 = {{7, 8}, {9, 10}, {11, 12}}; // 定义一个3x2的矩阵 int[][] result = multiply(matrix1, matr

数据结构1800试题.pdf

你还在苦苦寻找数据结构的题目吗?这里刚刚上传了一份数据结构共1800道试题,轻松解决期末挂科的难题。不信?你下载看看,这里是纯题目,你下载了再来私信我答案。按数据结构教材分章节,每一章节都有选择题、或有判断题、填空题、算法设计题及应用题,题型丰富多样,共五种类型题目。本学期已过去一半,相信你数据结构叶已经学得差不多了,是时候拿题来练练手了,如果你考研,更需要这份1800道题来巩固自己的基础及攻克重点难点。现在下载,不早不晚,越往后拖,越到后面,你身边的人就越卷,甚至卷得达到你无法想象的程度。我也是曾经遇到过这样的人,学习,练题,就要趁现在,不然到时你都不知道要刷数据结构题好还是高数、工数、大英,或是算法题?学完理论要及时巩固知识内容才是王道!记住!!!下载了来要答案(v:zywcv1220)。

通用跨域检索的泛化能力

12056通用跨域检索:跨类和跨域的泛化2* Soka Soka酒店,Soka-马上预订;1印度理工学院,Kharagpur,2印度科学学院,班加罗尔soumava2016@gmail.com,{titird,somabiswas} @ iisc.ac.in摘要在这项工作中,我们第一次解决了通用跨域检索的问题,其中测试数据可以属于在训练过程中看不到的类或域。由于动态增加的类别数量和对每个可能的域的训练的实际约束,这需要大量的数据,所以对看不见的类别和域的泛化是重要的。为了实现这一目标,我们提出了SnMpNet(语义Neighbourhood和混合预测网络),它包括两个新的损失,以占在测试过程中遇到的看不见的类和域。具体来说,我们引入了一种新的语义邻域损失,以弥合可见和不可见类之间的知识差距,并确保潜在的空间嵌入的不可见类是语义上有意义的,相对于其相邻的类。我们还在图像级以及数据的语义级引入了基于混�

ant-button 点击实践

好的,下面是 ant-button 点击实践的步骤: 1. 首先,在你的项目中安装 Ant Design UI 库,可以通过 npm 命令进行安装: ``` npm install antd --save ``` 2. 在你的代码中引入 antd 库和 antd 样式,示例代码如下: ```javascript import React from 'react'; import ReactDOM from 'react-dom'; import 'antd/dist/antd.css'; import { Button } from 'antd'; function handleCl