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)
相关推荐
秋田君2 分钟前
Vue3 + VitePress 搭建部署组件库文档平台(结合 Element Plus 与 Arco Design Vue)—— 超详细图文教程
前端·vue.js·arco design
code_Bo3 分钟前
前端使用snapdom报错问题
前端·javascript·vue.js
一壶浊酒..23 分钟前
什么是AJAX
前端·javascript·ajax
fruge3651 小时前
从零到一:我在 Rokid Glasses 上“画”出一个远程协作系统
前端
BumBle1 小时前
高频扫码场景下的去重与接口调用方案
前端·javascript
Mapmost1 小时前
半透明模型渲染全白?Mapmost Studio一招搞定
前端
SpiderPex1 小时前
JavaWeb登录模块完整实现解析:从前端点击到后端验证的全流程
前端
可乐爱宅着1 小时前
在VSCode的next.js项目中更好的使用eslint/prettier工具
前端·next.js
_大学牲1 小时前
🫡我在掘金写文章:一气之下开源 视频转无水印GIF 插件
前端·javascript
地方地方1 小时前
深入理解 instanceof 操作符:从原理到手动实现
前端·javascript