React框架是什么

她说她一如既往的爱我2024-05-02 22:32

react是一个用于构建用户界面的javaScript库，起源于facebook的内部项目，后续在13年开源了出来

声明式

你只需要描述UI看起来是什么样式，就跟写HTML一样，React负责渲染UI

基于组件

组件时React最重要的内容，组件表示页面中的部分内容

学习一次，随处使用

使用React可以开发Web应用，使用React可以开发移动端，可以开发VR应用

react安装

复制代码

<script src="./node_modules/react/umd/react.development.js"></script>
<script src="./node_modules/react-dom/umd/react-dom.development.js"></script>

npm i react react-dom

react 包是核心，提供创建元素，组件等功能

react-dom 包提供DOM相关功能

创建

复制代码

// 创建元素节点
// 1. 元素名称
// 2. 元素属性 传递的是个对象
// 3. 元素内容
let title = React.createElement('li', null, 'hellow react');

渲染

复制代码

// 渲染到页面
ReactDOM.render(title, root)