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

相关推荐

  1. postgresql基本使用

    2024-03-15 09:34:01       33 阅读
  2. Redisson基本使用

    2024-03-15 09:34:01       38 阅读
  3. 【Docker 基本使用

    2024-03-15 09:34:01       33 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-15 09:34:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-15 09:34:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-15 09:34:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-15 09:34:01       18 阅读

热门阅读

  1. 90%的程序员不适合做独立开发

    2024-03-15 09:34:01       18 阅读
  2. 这个不需要吗 HttpServletRequest req

    2024-03-15 09:34:01       21 阅读
  3. 2024.3.14

    2024.3.14

    2024-03-15 09:34:01      20 阅读
  4. 深度学习中的“张量”怎么理解呢?

    2024-03-15 09:34:01       19 阅读
  5. 基于深度学习的人体姿态估计

    2024-03-15 09:34:01       22 阅读
  6. 【leetcode题解C++】146. LRU缓存

    2024-03-15 09:34:01       22 阅读
  7. 读深度学习的一些论文

    2024-03-15 09:34:01       17 阅读
  8. perl 用 XML::LibXML 解析 Freeplane.mm文件,

    2024-03-15 09:34:01       16 阅读
  9. 像51单片机一样----STM32寄存器点灯

    2024-03-15 09:34:01       18 阅读
  10. 软件测试的测试用例

    2024-03-15 09:34:01       21 阅读
  11. python爬虫(10)之get()函数

    2024-03-15 09:34:01       19 阅读
  12. docker环境下使用达梦

    2024-03-15 09:34:01       22 阅读
  13. GRPC服务端和客户端DEMO

    2024-03-15 09:34:01       20 阅读
  14. openstack迁移虚拟机--来自gpt

    2024-03-15 09:34:01       16 阅读