React框架是什么

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)
相关推荐
非凡ghost5 分钟前
WinMute(自动锁屏静音软件) 中文绿色版
前端·javascript·后端
7ayl25 分钟前
Vue3 - Reactivity的核心流程
前端·vue.js
The 旺26 分钟前
【AI编程实战】零基础用ChatGPT+Cursor开发完整Web应用:30分钟从idea到上线
前端·chatgpt·ai编程
sulikey37 分钟前
Qt 入门简洁笔记:信号与槽
前端·c++·笔记·qt·前端框架·1024程序员节·qt框架
袁煦丞41 分钟前
安卓旧机变服务器,KSWEB部署Typecho博客并实现远程访问:cpolar内网穿透实验室第645个成功挑战
前端·程序员·远程工作
爱抽烟的大liu42 分钟前
iOS进阶1-combine
前端
俩毛豆43 分钟前
【图片】【编缉】图片增加水印(通过组件的Overlay方法增加水印)
前端·harmonyos
gustt43 分钟前
JS 变量那些坑:从 var 到 let/const 的终极解密
前端·javascript
出师未捷的小白43 分钟前
[NestJS] 手摸手~工作队列模式的邮件模块解析以及grpc调用
前端·后端
Z_B_L1 小时前
问题记录--elementui中el-form初始化表单resetFields()方法使用时出现的问题
前端·javascript·vue.js·elementui·1024程序员节