当前位置: 首页 > news >正文

【react】react创建项目与引入AntD组件库:

文章目录

        • 一、初始化项目:
            • 【1】创建项目
            • 【2】暴露项目配置文件
            • 【3】安装依赖
            • 【4】配置less
        • 二、快捷键:
            • 【1】`rcc+tab`
        • 三、安装AntD组件库:
            • 【1】安装
            • 【2】index.js
            • 【3】问题:
            • 【4】效果:


一、初始化项目:

【1】创建项目

npx create-react-app xxx //xxx为项目名称

【2】暴露项目配置文件

npm run eject

在这里插入图片描述

【3】安装依赖

npm i react-router-dom axios -D

yarn add less less-loader@5.0.0 -D

【4】配置less

复制sass的,改成less

在这里插入图片描述
在这里插入图片描述

二、快捷键:

【1】rcc+tab

在这里插入图片描述

三、安装AntD组件库:

【1】安装

npm install antd --save

【2】index.js

在这里插入图片描述

【3】问题:

【解决办法】:http://t.csdn.cn/dlh8U
在这里插入图片描述

【4】效果:

在这里插入图片描述
在这里插入图片描述

相关文章:

【react】react创建项目与引入AntD组件库:

文章目录一、初始化项目:【1】创建项目【2】暴露项目配置文件【3】安装依赖【4】配置less二、快捷键:【1】rcctab三、安装AntD组件库:【1】安装【2】index.js【3】问题:【4】效果:一、初始化项目: 【1】创…...

hook与mixin

看完vue3就开始看vue3的源码,表示很懵~ 刚把rollup打包搞完,这不响应式就接着来了!,还是写篇直接使用vue3的博客清清脑吧! 什么是hook、mixin? mixin: Vue2中多个组件内存在重复JS业务逻辑,使…...

【C语言】自定义类型

一、什么是自定义类型C语言提供了丰富的内置类型,常见的有int, char, float, double, 以及各种指针。除此之外,我们还能自己创建一些类型,这些类型称为自定义类型,如数组,结构体,枚举类型和联合体类型。二、…...

没有上司的舞会(C++,树形DP)

题目描述 某大学有 nnn 个职员,编号为 1…n1\ldots n1…n。 他们之间有从属关系,也就是说他们的关系就像一棵以校长为根的树,父结点就是子结点的直接上司。 现在有个周年庆宴会,宴会每邀请来一个职员都会增加一定的快乐指数 ri…...

【java基础】static和final关键字的作用及其用法详解

文章目录static关键字静态字段静态方法静态代码块静态内部类final关键字final字段final方法final类static关键字 这个关键字表示静态的,用于不同地方意思不一样 静态字段 如果我们将其作用到字段上,那么该字段为类所拥有,我们使用new关键字…...

#集成学习#:bagging、boosting、stacking和blending

集成学习是一种机器学习方法,旨在提高单个模型的性能和鲁棒性。它基于这样一个假设:通过结合多个模型的预测结果,可以获得更好的预测性能,因为每个模型都可能从数据中提取不同的信息,因此他们的错误也可能是不同的&…...

NCRE计算机等级考试Python真题(一)

第一套试题1、关于数据的存储结构,以下选项描述正确的是A.数据所占的存储空间量B.数据在计算机中的顺序存储方式C.数据的逻辑结构在计算机中的表示D.存储在外存中的数据正确答案: C2、关于线性链表的描述,以下选项中正确的是A.存储空间不一定…...

C#协变逆变

文章目录协变协变接口的实现逆变里氏替换原则协变 协变概念令人费解,多半是取名或者翻译的锅,其实是很容易理解的。 比如大街上有一只狗,我说大家快看,这有一只动物!这个非常自然,虽然动物并不严格等于狗…...

算法设计与分析期末考试复习(四)

贪心算法(Greedy Algorithm) 找零钱问题 假设有4种硬币,面值分别为:二角五分、一角、五分和一分,现在要找给顾客六角三分钱,如何找使得给出的硬币个数最少? 首先选出1个面值不超过六角三分的最…...

qsort函数排序数据 and 模拟实现qosrt函数(详解)

前言:内容包括使用库函数qsort排序任意类型的数据,模拟实现qsort函数(冒泡排序的逻辑) 我们先了解qsort函数的语法:qsort函数默认按照升序排序数据 void qsort (void* base, size_t num, size_t size,int (*compar)(…...

Mysql视图,存储过程,触发器,函数以及Mysql架构

一,视图视图是基于查询的一个虚拟表 , 也就是将sql语句封装起来, 要用的时候直接调用视图即可, select语句查询的表称为基表, 查询的结果集称为虚拟表, 基本表数据发生了改变, 那么视图也会发生改变, 使用视图就是为了简化查询语句.1.CREATE VIEW view_admin AS SELECT * FROM…...

什么是线程死锁?如何解决死锁问题

死锁,一组互相竞争的资源的线程之间相互等待,导致永久阻塞的现象。 如下图所示: 与死锁对应的,还有活锁,是指线程没有出现阻塞,但是无限循环。 有一个经典的银行转账例子如下: 我们有个账户类…...

C语言几种判断语句简述

C 判断 判断结构要求程序员指定一个或多个要评估或测试的条件,以及条件为真时要执行的语句(必需的)和条件为假时要执行的语句(可选的)。 C 语言把任何非零和非空的值假定为 true,把零或 null 假定为 fals…...

【python学习笔记】:SQL常用脚本(二)

11、四舍五入ROUND函数 ROUND ( numeric_expression , length [ ,function ] ) function 必须为 tinyint、smallint 或 int。 如果省略 function 或其值为 0(默认值),则将舍入 numeric_expression。 如果指定了0以外的值,则将截…...

【Linux】进程地址空间

文章目录🎪 进程地址空间🚀1.写时拷贝与虚拟地址🚀2.地址空间引入🚀3.地址空间的意义⭐3.1 虚拟地址寻址⭐3.2 虚拟地址意义🎪 进程地址空间 地址空间(address space)表示任何一个计算机实体所…...

Qt音视频开发17-vlc内核回调拿图片进行绘制

一、前言 在众多播放器中,支持的种类格式众多,并支持DVD影音光盘,VCD影音光盘及各类流式协议,提供了sdk进行开发,这点是至关重要的,尽管很多优秀的播放器很牛逼,由于没有提供sdk第三方开发&…...

安装配置DHCP

本次实验采用CentOS71.检查在安装DHCP之前先使用rpm命令查看系统中已有的DHCP软件包rpm -qa | grep dhcp由此可知,系统中尚未安装DHCP软件包2.安装我们可以使用yum命令为系统安装DHCP软件包yum -y install dhcp安装完成后再次检查可以看到DHCP软件包3.配置dhcp配置文…...

MarkDown中写UML图的方法

目录序UML图之顺序图顺序图的四个要素关于消息箭头的语法Mermaid中顺序图的简单例子样例用小人表示对象为对象设置别名激活对象UML图之类图类图中常见的关系关于不同类型关系的语法Mermaid中类图的简单例子样例类定义的两种方式为类定义成员双向关系的表示多重性关系的表示UML之…...

Axure8设计—动态仪表盘

本次分享的的案例是Axure8制作的动态仪表盘,根据设置的数值,仪表盘指针旋转到相应的值位置 预览地址:https://2qiuwg.axshare.com 下载地址:https://download.csdn.net/download/weixin_43516258/87502161 一、制作原型 1、首先创建空白页…...

【C++】类和对象的六个默认成员函数

类的6个默认成员函数构造函数概念特性析构函数概念特性拷贝构造函数概念特征拷贝构造函数典型调用场景:赋值运算符重载运算符重载赋值运算符重载取地址及const取地址操作符重载类的6个默认成员函数 到底什么是类的6个默认成员函数呢?相信大家一定对此怀…...

TensorFlow-v2.15效果实测:量化后模型体积缩小75%,推理速度提升3倍

TensorFlow-v2.15效果实测:量化后模型体积缩小75%,推理速度提升3倍 1. 测试背景与目标 TensorFlow 2.15作为Google推出的长期支持版本(LTS),在模型优化和部署效率方面带来了显著改进。本次测试将聚焦一个核心问题:量化技术在实际…...

手把手教你用Xposed框架绕过App单向证书验证(附王者营地实战案例)

移动应用安全测试实战:突破单向证书验证的技术解析 在移动应用安全测试领域,单向证书验证一直是测试人员面临的主要障碍之一。许多应用采用这种机制来防止中间人攻击,导致常规抓包工具无法获取有效数据。本文将深入探讨如何利用Xposed框架突破…...

InternLM2-Chat-1.8B在AIGC内容创作中的应用:多模态提示词优化与故事生成

InternLM2-Chat-1.8B:你的轻量级AIGC创意伙伴 最近在玩AIGC内容创作的朋友,可能都有过这样的体验:脑子里有个绝妙的故事点子,但落到笔上却只有干巴巴的几句话;想用AI画一张惊艳的图,但写出来的提示词总是差…...

Qwen3-0.6B-FP8多轮对话效果展示:复杂任务拆解与上下文记忆

Qwen3-0.6B-FP8多轮对话效果展示:复杂任务拆解与上下文记忆 最近在测试一些轻量级模型,看看它们在真实对话场景下的表现。今天的主角是Qwen3-0.6B-FP8,一个参数只有6亿的“小个子”。你可能觉得,这么小的模型,处理复杂…...

Linux如何查看服务器配置信息?

在Linux运维工作中,部署和排查服务器问题时,快速查看cpu、内存、磁盘、网卡等硬件配置是必备技能。而很多刚接触Linux的用户并不知道如何查看,那么在Linux中怎么查看服务器配置?具体请看下文。1、lscpu命令此命令可以显示有关服务器CPU的信息…...

QMI8658A六轴传感器校准避坑指南:从硬件摆放到数据可视化

QMI8658A六轴传感器校准避坑指南:从硬件摆放到数据可视化 在物联网设备开发中,传感器数据的准确性直接影响最终产品的用户体验。QMI8658A作为一款高性能六轴惯性测量单元(IMU),其校准环节往往被开发者忽视,导致实际应用中出现数据…...

StructBERT零样本分类-中文-base开源镜像部署:低成本GPU显存优化方案(<3GB)

StructBERT零样本分类-中文-base开源镜像部署&#xff1a;低成本GPU显存优化方案&#xff08;<3GB&#xff09; 你是不是也遇到过这样的烦恼&#xff1f;手头有一堆中文文本需要快速分类——可能是用户评论、新闻稿件&#xff0c;或者是客服对话——但既没有现成的标签数据…...

PCB LDI设备行业痛点解析及解决方案应用

随着5G通信、人工智能、智能汽车等产业的快速迭代&#xff0c;PCB&#xff08;印刷电路板&#xff09;正朝着高密度、高精度、轻薄化方向加速升级&#xff0c;HDI板、IC载板等中高端产品的市场需求持续攀升&#xff0c;作为PCB制造曝光工序的核心设备&#xff0c;激光直接成像&…...

OpenClaw能耗优化:GLM-4.7-Flash笔记本续航提升方案

OpenClaw能耗优化&#xff1a;GLM-4.7-Flash笔记本续航提升方案 1. 问题背景&#xff1a;当AI助手遇上电量焦虑 上周三凌晨两点&#xff0c;我的MacBook Pro突然黑屏关机——当时OpenClaw正在后台执行一个长达6小时的自动化数据清洗任务。查看系统日志才发现&#xff0c;这台…...

优化四轮差速机器人在Gazebo中的转向性能:摩擦系数与力矩调整实战

1. 四轮差速机器人在Gazebo中的转向问题诊断 最近在调试一个四轮差速机器人模型时&#xff0c;遇到了一个典型问题&#xff1a;机器人在Gazebo仿真环境中前进后退都很灵敏&#xff0c;但转向时却显得特别"笨拙"。这个问题困扰了我好几天&#xff0c;后来发现根源在于…...