React-入门

news2024/11/16 6:01:43

React由Meta公司研发,是一个用于构建Web和原生交互界面的库

既可以写基于浏览器的应用,还可以写苹果和安卓的原生应用

优势

开发环境搭建

create-react-app是一个快速创建React开发环境的工具,底层是由Webpack构建,封装了配置细节,开箱即用

创建项目

执行命令:

npx create-react-app 项目名称

1.npx Node.js工具命令,查找并执行后续的包命令

2.create-react-app 核心包(固定写法),用于创建React项目

启动项目

清理文件

src文件夹下只保留App.js和index.js,其余删除

两个文件删减为如下:

项目不报错正常运行

创建react项目的更多方式

网站:启动一个新的 React 项目 – React 中文文档

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

SAP后续借记、后续贷记、贷方凭证的应用介绍

SAP-MM模块中发票校验MIRO,对于做采购或财务相关的用户都应该非常熟悉,可能每天都需要进行这业务操作处理,但是在发票校验的系统界面中,有三个使用不是很频繁的功能(如下图红色框)。 对于这三业务功能曾听有些用户抱怨SAP怎么那么麻烦啊,不就是补偿或扣供应商的钱嘛,我…

Bookie存储架构源码剖析|得物技术

一、Pulsar存储架构简析 Pulsar作为新一代MQ中间件,在底层架构设计上充分贯彻了存算分离的思想,broker与Bookeeper两个组件独立部署,前者负责流量的调度、聚合、计算,后者负责数据的存储,这也契合了云原生下k8s大行其…

【ARM+Codesys案例】树莓派+Codesys软PLC方案在包装行业灌装旋盖机的应用

ARM系列支持:全志T3、RK3568、树莓派 机型定义:双工位旋盖机 旋盖机主要适用于不同规格的材质及不同规格的盖、旋(轧)盖。适用螺旋盖、防盗盖、防撞盖、压入盖等。压力可方便调整,根据瓶盖大小设置取盖位。结构紧凑、…

Java基础入门day56

day56 现有问题 之前的servlet中,服务器通过Servlet响应客户端页面的不足: 开发方式麻烦:继承父类或者实现接口,覆盖方法,配置注册 代码修改麻烦:一旦代码修改,需要重新编译、部署、重启服务 …

Linux汉化Jupyter Notebook

要在Linux系统中使Jupyter Notebook汉化,可以通过安装jupyterlab-language-pack-zh-CN扩展来实现。以下是具体步骤和示例代码: 打开终端。 执行以下命令以安装Jupyter Notebook的中文语言包: pip install jupyterlab-language-pack-zh-CN …

nbcio-vue升级迁移flowable到最新的jeeg-boot-vue3的问题记录(一)

因为这个项目license问题无法开源,更多技术支持与服务请加入我的知识星球。 1、vue3 jeeg-boot-vue3新版本的流程定义的页面,刷新出现下面问题,或第一次进去也一样 看着好像就一个警告的信息,不知道是什么原因引起的,应…

HTML静态网页成品作业(HTML+CSS)——家乡沅陵介绍网页(1个页面)

🎉不定期分享源码,关注不丢失哦 文章目录 一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码 五、源码获取 一、作品介绍 🏷️本套采用HTMLCSS,未使用Javacsript代码,共有1个页面。 二、作品演示 三、代…

# WIN10/WIN11 找不到【应用商店 Microsoft.WindowsStore】怎么办?

WIN10/WIN11 找不到【应用商店 Microsoft.WindowsStore】怎么办? 解决方法: 1、右键【开始】菜单,点击【Windows PowerShell (管理员)】,输入: Get-AppxPackage -allusers | Select Name, PackageFullName 2、查询…

python 办公自动化-生成ppt文本和图

最终样式 代码实现 # 可编辑折线+写入文字 成功 # 问题: 设置字体类型和加粗和字体为微软雅黑,是只改了字母和数字的字体,中文没变化 pip install pptx_ea_font 这个库可以解决这个问题 import pandas as pd import pptx_ea_font import matplotlib.pyplot as plt from pp…

【基础算法总结】前缀和二

前缀和二 1.和为 K 的子数组2.和可被 K 整除的子数组3.连续数组4. 矩阵区域和 点赞👍👍收藏🌟🌟关注💖💖 你的支持是对我最大的鼓励,我们一起努力吧!😃😃 1.和为 K 的子数…

记录一次内存取证

1.情景复现 我姐姐的电脑坏了。我们非常幸运地恢复了这个内存转储。你的工作是从系统中获取她所有的重要文件。根据我们的记忆,我们突然看到一个黑色的窗口弹出,上面有一些正在执行的东西。崩溃发生时,她正试图画一些东西。这就是我们从崩溃…

1824python进销存管理系统mysql数据库Django结构layUI布局计算机软件工程网页

一、源码特点 python Django进销存管理系统是一套完善的web设计系统mysql数据库 ,对理解python编程开发语言有帮助,系统具有完整的源代码和数据库,系统主要采用B/S模式开发。 开发环境pycharm mysql 5.0 到5.5 依赖包 Django…

2024电激世界脉动-中国汽车品牌全球化制胜手册

来源:奥美Ogilvy: 近期历史回顾: 2024中国宏观经济专题报告-数据要素市场建设 2023-2024年度报告.pdf 2024制药与生化医疗技术产业链白皮书.pdf 从可再生能源到绿氢-中国投资助力埃及能源转型.pdf 2024有机旅行中国行业指引.pdf 2024中国技术…

connection problem,giving up

参考: https://zhuanlan.zhihu.com/p/93438433 仅仅安装 sudo apt-get install xrdp 在用RDP远程的时候总是卡在登录界面,connection problem,giving up, some problem… 第一步: sudo apt-get install xserver-xorg-core sudo…

CC工具箱使用指南:【淹没区分析(BHM)】

一、简介 群友定制工具。 这个工具适用面比较小。 工具的应用场景如下: 提供一个淹没区范围,类型是面要素。统计这个范围内的一些线、面要素的面积或长度。 给定的几个数据有:耕地、永久基本农田、房台、道路(线)…

英语语法早操练-(上)

说起语法宝宝感觉心里苦。那么多语法注意点,哪个都放不到心里,句子表达还是错。这种情况是浪费了80%的时间做了达不到20%效果的事情。 要想写出没有语法错误的句子,那至少得知道词性和句子成分。 词性就是名词、动词、形容词、介词等 句子成分…

R实验 正交试验设计与一元线性回归分析

实验目的: 掌握正交试验设计记号的意义;掌握正交试验设计的直观分析和方差分析;掌握一元线性回归模型的相关概念;掌握最小二乘法的思想;掌握一元线性回归方程的显著性检验和预测。 实验内容: 1…

联想应用商店开发者常见问题FAQ

Phone/Pad应用常见问题 应用上传FAQ Q. 上传apk包时,提示“该包名已存在”如何处理? A:若应用包名出现冲突,请先核实该账号是否已存在该包名产品,若不在该账号下,请进行应用认领。 Q. 应用是否可以授权…

如何判断自己的逆商(AQ)高低?

什么是逆商? 逆商指的是人们在面临困难挫折时,如何摆脱困难和挫折的能力。逆商简称为AQ,也叫抗挫折能力。 逆商(Adversity Quotient,简称AQ),是指个体面对逆境时的反应方式和应对能力&#xff…

wps能打开caj文件吗?CAJ应该如何打开?caj转pdf

问题1:wps能打开caj文件吗? WPS不能直接打开CAJ文件。 CAJ是中国知网开发的一种文件格式,主要用于存储学术文献,需要使用专门的阅读器才能打开。 问题2:CAJ应该如何打开? 要打开CAJ文件,你可…