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

React——react 的基本使用

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

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

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

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

在这里插入图片描述

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

  1. 导入reactreact-native(react-native需要自己再下载依赖)

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

http://www.lryc.cn/news/318067.html

相关文章:

  • Unity资源热更新----AssetBundle
  • bootstrap企业网站前端模板
  • 分类预测 | Matlab实现GSWOA-KELM混合策略改进的鲸鱼优化算法优化核极限学习机的数据分类预测
  • 软考77-上午题-【面向对象技术3-设计模式】-创建型设计模式02
  • 微博热搜榜单采集,微博热搜榜单爬虫,微博热搜榜单解析,完整代码(话题榜+热搜榜+文娱榜和要闻榜)
  • 有趣的前端知识(三)
  • How to install teams in ubuntu
  • macOS14.4安装FFmpeg及编译FFmpeg源码
  • 基于Springboot+vue+mybatis框架的建材运营管理系统的设计与实现【附项目源码】分享
  • 前端路由跳转bug
  • 二 centos 7.9 磁盘挂载
  • 二叉搜索树、B-树、B+树
  • Docker简介与安装
  • Swift 单元测试
  • 有来团队后台项目-解析10
  • 【自动化】在C#中创建和配置串口对象SerialPort
  • 突破编程_C++_设计模式(访问者模式)
  • C语言入门到精通之练习53:矩阵交换行问题(附带源码)
  • Python白练-2统计下列5行字符串中字符出现的频数
  • 深入理解DHCP服务:网络地址的自动化分配
  • Java高级编程—泛型
  • Exam in MAC [容斥]
  • Java 学习和实践笔记(36):接口(interface)
  • Elastic Stack--10--QueryBuilders UpdateQuery
  • 腾讯云服务器CVM_云主机_云计算服务器_弹性云服务器
  • Java八股文(Spring Boot)
  • ts文件怎么无损转换mp4?这样设置转换模式~
  • 如何在Windows 10上打开和关闭平板模式?这里提供详细步骤
  • 介绍kafka核心原理及底层刷盘机制,集群分片机制,消息丢失和重复消费有对应的线上解决方案
  • 基于Python的中医药知识问答系统设计与实现