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

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

news 2026/4/1 6:32:53

文章目录

        • 一、初始化项目：
            • 【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】创…...

编程日记 2023/2/27 2:41:03

hook与mixin

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

编程日记 2023/2/27 2:39:41

【C语言】自定义类型

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

编程日记 2023/2/27 2:38:30

没有上司的舞会（C++，树形DP）

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

编程日记 2023/2/27 2:37:18

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

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

编程日记 2023/2/27 2:36:04

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

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

编程日记 2023/2/27 2:33:35

NCRE计算机等级考试Python真题（一）

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

编程日记 2023/2/27 2:32:23

C#协变逆变

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

编程日记 2023/2/27 2:31:05

算法设计与分析期末考试复习（四）

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

编程日记 2023/2/27 2:29:52

qsort函数排序数据 and 模拟实现qosrt函数（详解）

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

编程日记 2023/2/27 2:28:41

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

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

编程日记 2023/2/27 2:27:20

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

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

编程日记 2023/2/27 2:26:09

C语言几种判断语句简述

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

编程日记 2023/2/27 2:24:49

【python学习笔记】：SQL常用脚本（二）

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

编程日记 2023/2/27 2:23:38

【Linux】进程地址空间

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

编程日记 2023/2/27 2:22:19

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

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

编程日记 2023/2/27 2:21:06

安装配置DHCP

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

编程日记 2023/2/27 2:19:58

MarkDown中写UML图的方法

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

编程日记 2023/2/27 2:17:32

Axure8设计—动态仪表盘

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

编程日记 2023/2/27 2:16:15

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

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

编程日记 2023/2/27 2:14:54

从零开始：用CosyVoice2-0.5B快速搭建AI语音生成平台

从零开始：用CosyVoice2-0.5B快速搭建AI语音生成平台 1. 为什么选择CosyVoice2-0.5B？ 语音合成技术已经发展多年，但大多数解决方案要么需要复杂的配置过程，要么需要大量训练数据。阿里开源的CosyVoice2-0.5B打破了这一局面&#…...

编程新知 2026/4/1 5:35:01

一步步教你获取ADNI影像数据：从搜索到下载全流程解析

1. ADNI数据库简介与准备工作 ADNI（Alzheimers Disease Neuroimaging Initiative）是全球最权威的阿尔茨海默病研究数据库之一，包含了大量脑部影像数据和临床信息。第一次接触这个数据库的研究者可能会被复杂的界面和操作流程吓到，…...

编程新知 2026/4/1 5:33:01

突发！国行苹果 AI 凌晨偷跑又紧急下线

3 月 31 日凌晨，大量升级 iOS 26.4 的国行 iPhone 16 及后续机型用户，突然发现设置里 “Siri” 变成 “Apple 智能与 Siri”，可下载 9.5GB 本地 AI 模型，解锁实时翻译、视觉智能、照片消除等全套功能。不过这场“惊喜”仅持续了数…...

编程新知 2026/4/1 4:54:25

seo排名大师软件好用吗

SEO排名大师软件好用吗？深入解析其优缺点 在当今数字化营销的环境中，SEO（搜索引擎优化）已成为网站提升流量、吸引潜在客户的重要手段。而SEO排名大师软件作为一种工具，是否真的能帮助我们实现目标？本文将深…...

编程新知 2026/4/1 4:34:08

别再手动调时间了！手把手教你用LinuxPTP的ptp4l和phc2sys搞定TSN网络时钟同步

工业TSN网络高精度时钟同步实战：从原理到生产环境部署 在工业自动化、智能驾驶和实时音视频传输领域，微秒级的时间同步已成为刚需。传统NTP协议毫秒级的精度在这些场景下显得力不从心，而基于IEEE 1588和802.1AS协议的PTP（精确时间…...

编程新知 2026/4/1 3:47:33

增程式混合动力汽车MATLAB_simulink模型（串联）整车建模包括工况选择模型、驾驶员模型（PID控制）、整车工作模式控制模型、发动机模型、电机模型、电池模型、传动系统模型、整车动力学模型。

增程式混合动力汽车MATLAB/simulink模型（串联）整车建模包括工况选择模型、驾驶员模型（PID控制）、整车工作模式控制模型、发动机模型、电机模型、电池模型、传动系统模型、整车动力学模型。 此模型比较简单，当SOC低于SO…...

编程新知 2026/4/1 2:07:59

Graphormer效果对比评测：vs GCN、GAT、GIN在分子回归任务上的表现

Graphormer效果对比评测：vs GCN、GAT、GIN在分子回归任务上的表现 1. 引言 在药物发现和材料科学领域，准确预测分子属性是一个关键挑战。传统方法依赖昂贵的实验或复杂的量子化学计算，而图神经网络(GNN)提供了一种更高效的替代方案。本文将…...

编程新知 2026/3/31 22:58:37

[高级配置]：解决Insyde BIOS隐藏选项访问难题的开源工具技术指南

[高级配置]：解决Insyde BIOS隐藏选项访问难题的开源工具技术指南 【免费下载链接】LEGION_Y7000Series_Insyde_Advanced_Settings_Tools 支持一键修改 Insyde BIOS 隐藏选项的小工具，例如关闭CFG LOCK、修改DVMT等等 项目地址: https://gitcode.com/gh…...

编程新知 2026/3/31 22:09:58

通过 Langchain 框架实现 ChatGPT 的使用

一. 简介Langchain 框架：LangChain 是一个开源框架，是一个让大语言模型（如ChatGPT）能连接外部工具、记忆对话、执行复杂任务的“智能助手”开发框架，解决了LLM应用开发中的各种工程化问题。# LangChain 的核心定位&…...

编程新知 2026/3/31 20:54:29

利用Cosmos-Reason1-7B进行Java面试题智能解析与答案生成

利用Cosmos-Reason1-7B进行Java面试题智能解析与答案生成 最近在帮朋友准备Java面试，发现一个挺普遍的问题：网上的面试题答案要么太零散，要么太浅显，很难找到一个能讲透原理、还能分析源码的深度解析。自己整理吧，费时…...

编程新知 2026/3/31 20:40:10