3、React入门指南：从基础到项目搭建

java5

于 2025-10-16 12:22:21 发布

阅读量12

点赞数

CC 4.0 BY-SA版权

分类专栏： React快速入门精讲文章标签： React JSX createElement

本文链接：https://blog.youkuaiyun.com/java5/article/details/154553146

React快速入门精讲专栏收录该内容

26 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

React入门指南：从基础到项目搭建

1. 不使用JSX学习React

在开始学习React时，我们先不使用JSX，而是使用纯JavaScript。虽然所有React开发者都使用JSX编写React代码，但浏览器只能运行标准JavaScript，无法直接理解JSX。因此，理解纯JavaScript的React代码是很有好处的。另外，从纯JavaScript开始学习可以表明JSX是可选的，尽管它是React事实上的标准模板语言。最后，预处理JSX需要更多的工具，但这实际上会使整个设置更简单，因为你可以更专注于编写出色的React组件。

2. 编写应用程序

这个项目非常简单，只包含一个HTML文件。该文件将包含对最新版本的React 17（编写时最稳定的版本）的React Core和React - DOM库的链接，然后当然还会包含渲染我们正在构建的非常简单的应用程序所需的少量JavaScript代码。

以下是HTML文件的代码：

<!DOCTYPE html>
<html>
  <head>
    <script src="//unpkg.com/react@17/umd/react.development.js"></script>    #A
    <script src="//unpkg.com/react-dom@17/umd/react-dom.development.js"></script>    #B
  </head>
  <body>
    <d