React.js - 学习笔记

最新推荐文章于 2024-05-16 15:04:32 发布

VIP文章酷酷的仙女

最新推荐文章于 2024-05-16 15:04:32 发布

阅读量351

点赞数 1

分类专栏：主流框架react 文章标签： vue js jsx reactjs es6

本文链接：https://blog.csdn.net/A_raindrop/article/details/103601261

版权

react学习笔记

首先这是一篇React.js萌新入门篇如果已有基础的你，可跳过或直接寻找你需要的点。希望能够帮助到大家。有建议的欢迎来喷。。。

介绍

在这里插入图片描述

简言：引用了官方说明

一个用于构建用户界面的JavaScript库

简单理解就是直接理解成一个模板引擎，就是一个用于展示页面的JS库，没有那么复杂。

初识React

既然是初识React那我们就从最初的页面方式来认识React.js，下面上代码。。。

起手式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <div id="app"></div>

    <!-- react.js: react的核心库，提供了组件，辅助函数等与具体环境无关的核心代码  -->
    <script src="./js/react.development.js"></script>
    <!--  react-dom.js：封装与浏览器打交道的相关代码，渲染，事件  -->
    <script src="./js/react-dom.development.js"></script>

    <script>
        ReactDOM.render(
            '<div>我要渲染的内容</div>',
            document.querySelector('#app')
        );
    </script>

</body>
</html>

JSX
- JSX = JavaScript + XML
- JSX 就是配合react使用的一个语法糖。主要用于编写声明式UI的，通过babel编译转成虚拟DOM。

<!-- react.js: react的核心库，提供了组件，辅助函数等与具体环境无关的核心代码  -->
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<!--  react-dom.js：封装与浏览器打交道的相关代码，渲染，事件  -->
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<!-- babel：语法转换工具，它可以把一些特定的语法转成js，比如，jsx࿰

最低0.47元/天解锁文章

酷酷的仙女

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
React.js - 学习笔记

@[TOC]react学习笔记首先这是一篇React.js萌新入门篇如果已有基础的你，可跳过或直接寻找你需要的点。希望能够帮助到大家。有建议的欢迎来喷。。。初识React简言：引用了官方说明一个用于构建用户界面的JavaScript库简单理解就是直接理解成一个模板引擎，就是一个用于展示页面的JS库，没有那么复杂。既然是初识React那我们就从最初的页面方式来认识Rea...
复制链接

扫一扫