React (基础与安装)

最新推荐文章于 2024-07-25 07:19:56 发布

success_on

最新推荐文章于 2024-07-25 07:19:56 发布

阅读量447

点赞数 1

分类专栏： React 文章标签： react

本文链接：https://blog.youkuaiyun.com/a2690656046/article/details/119116671

版权

介绍:

React 是一个用于构建用户界面的 JavaScript 库，是用 JavaScript 构建「快速响应」的大型 Web 应用程序的首选方式。

由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。

在 React 中，可以将页面中每个部分分成每一个独立的小模块，每个小模块就是组建，这些组件可以互相组合和嵌套，就组成每一个页面。相比传统操作 DOM 的前端开发方式，我们「主要要关心的是应用中数据的变化」，React 会帮我们将 UI 渲染完成。

流程:

在学习react时,和我们学习vue一样也要先了解它的使用方式.
那么首先呢是
第一种使用方式 - 直接在index中使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
</head>
<body>
    <div id="root"></div>
    <script>
        ReactDOM.render(
            React.createElement("h1",null,"我是子元素"),
            document.querySelector("#root"),
            ()=>{
   
                console.log("渲染成功")
            }
        )
    </script>
</body>
</html>

最低0.47元/天解锁文章