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

React——react 的基本使用

article 2025/1/20 1:38:15

前提：安装全局的脚手架，通过create-creat-app 项目名，我们创建好一个新项目，cd进去，通过npm start去运行该项目
在这里插入图片描述
在这里插入图片描述

注意：简单看下demo的配置，在根目录我们可以看到，没有任何webpack的配置文件，我们可以通过eject命令去自动生成相关的配置（react基于webpack搭建），但是不推荐使用，eject是不可逆的，生成的文件不是全部都需要，会导致项目很混乱。

index.js文件内容，web页面开发

  1. 导入react和react-dom （脚手架已配置好）
  2. react创建react元素(虚拟DOM)，reactDom渲染react元素到页面
    在这里插入图片描述
    在这里插入图片描述

在这里插入图片描述

index.js文件内容，APP页面开发

  1. 导入react和react-native（react-native需要自己再下载依赖）

  2. react创建react元素(虚拟DOM)，reactDom渲染react元素到APP


http://www.kler.cn/a/272608.html

相关文章：

  • OODA循环在网络安全运营平台建设中的应用
  • 深度学习：大模型Decoding+MindSpore NLP分布式推理详解
  • 西门子【Library of Basic Controls (LBC)基本控制库”(LBC) 提供基本控制功能】
  • OpenAI函数调用迎来重大升级：引入「最小惊讶原则」等软件工程实践，开发体验更上一层楼！
  • Rust：指针 `*T` 和引用 `T`的区别
  • 深度学习 Pytorch 张量（Tensor）的创建和常用方法
  • 力扣hot100：34. 在排序数组中查找元素的第一个和最后一个位置（二分查找的理解）
  • 心灵治愈交流平台|基于springboot框架+ Mysql+Java+B/S结构的心灵治愈交流平台设计与实现(可运行源码+数据库+设计文档)
  • 【playbook】
  • 鸿蒙Harmony应用开发—ArkTS声明式开发（容器组件：EffectComponent）
  • 鸿蒙Harmony应用开发—ArkTS声明式开发（基础手势：Web）中篇
  • 算法刷题day32
  • mysql 索引（为什么选择B+ Tree?）
  • RocketMQ - 发送消息时Producer是如何选择MessageQueue去发送的？
  • 画图实战-Python实现某产品全年销量数据多种样式可视化
  • mac下Appuim环境安装
  • 【设计模式】Java 设计模式之工厂模式（Factory Pattern）
  • 就业班 2401--3.13 走进网络
  • Trustzone和Tee的基本概念区分
  • C语言文件操作 w模式
  • 【计算机网络篇】物理层（2）传输方式
  • 贪心算法（算法竞赛、蓝桥杯）--线段覆盖
  • #LLM入门|Prompt#3.3_存储_Memory
  • 生成器建造者模式（Builder）——创建型模式
  • QT 如何防止 QTextEdit 自动滚动到最下方
  • modbus客户端