首页 > 其他分享 >react的基本使用

react的基本使用

时间:2023-04-26 20:35:24浏览次数:35  
标签:基本 元素 console h1 react 使用 root id

// 导入react和react-dom包

import react from 'react'
import reactDom from 'react-dom'

// console.log(react)
// console.log(reactDom)

// 创建react元素  
// 参数  1. 元素  2. 属性 【没有就写null】   3. 元素子节点 
// react创建元素并返回
const h1 = react.createElement("h1",{title:"我是标题"},"hello react")
console.log(h1)

// 渲染元素 h1 到页面 id = root 
// 渲染元素 h1 到页面 id = root 
// 渲染元素 h1 到页面 id = root 
reactDom.render(h1,document.querySelector("#root"))

 

标签:基本,元素,console,h1,react,使用,root,id
From: https://www.cnblogs.com/zhulongxu/p/17357186.html

相关文章

  • jpa入门(使用hibernate)
    新建工程,加入jar包,如图:User:packagecom.jpa;importjavax.persistence.Column;importjavax.persistence.Entity;importjavax.persistence.GeneratedValue;importjavax.persistence.GenerationType;importjavax.persistence.Id;importjavax.persistence.SequenceGenerat......
  • Talend API Tester 安装与使用
    一、安装下载“Talend_API_Tester_25.4.crx”,打开开发人员模式,将插件拖进去即可安装。Chrome、Edge、360浏览器均可使用。 二、使用支持7种方法支持导入随便测一个 Done.......
  • .net core使用miniExcel完成简单excel的导入和导出功能
    今天学习了miniExcel,并通过它实现了一个简单的上传和导出的功能导入比较简单:publicIActionResultImportExcel(){varfile=HttpContext.Request.Form.Files[0]; //获取上传的文件信息varstream=newMemoryStream();//新建内存流......
  • 对数据库中存储的程序进行现代化改造,以使用 Amazon Aurora PostgreSQL 联合查询、pg_c
    作为数据库迁移和现代化的一部分,您可以继续使用存储的程序和调度作业,将远程实例中的数据整合到集中式数据存储中。 AmazonSchemaConversionTool(AmazonSCT)可帮助您将传统的Oracle和SQLServer函数转换为其等效的开源函数。但是,如何继续使用存储的程序从远程数据库中提取数......
  • go语言 函数高级、包的使用、if-else、循环、switch、数组
    函数高级//函数1没有参数没有返回值fun函数名(){}2有参数没有返回值fun函数名(aint){}3多个参数同一种类型,可以简写fun函数名(a,bint){}4多个参数同一种类型,有返回值可以简写fun函数名(a,bint)int{retruna+b}5多个返回值fun......
  • DELL OMSA 使用相关文档说明
    1.什么是DELL OMSADellOpenManageServerAdministrator,可以查看服务器的硬件、软件信息2.关于OMSA使用文档支持DellEMCOpenManageServerAdministrator(OMSA) 戴尔服务器专业知识:使用OMSA和OME管理多个服务器3.Esxi安装版本下载:适用于ESXi6.0的Del......
  • 为什么以及什么时候 React 会渲染一个组件
    组件显示到屏幕之前,其必须被React渲染。在您触发渲染后,React会调用您的组件来确定要在屏幕上显示的内容。“渲染中”即React在调用您的组件。在进行初次渲染时,React会调用根组件。对于后续的渲染,React会调用内部状态更新触发了渲染的函数组件。这个过程是递归......
  • react 更新状态中的对象
    State可以保存任何类型的JavaScript值,包括对象。但是你不应该直接改变你在React状态下持有的对象。相反,当你想更新一个对象时,你需要创建一个新对象(或复制一个现有对象),然后设置状态以使用该副本。const[position,setPosition]=useState({x:0,y:0});从技术上讲,可......
  • MinIO搭建及使用
    MinIO无需多作介绍,非常好用的文件存储服务。我们不仅在项目上当文件服务器使用,还经常拿它当临时文件传输的网盘来用,下面介绍使用方法: 一、命令行启动MinIO只有一个exe程序,启动命令很简单,启动时可以带参数来指定文件存储路径和端口(不带参数的话和exe同级目录) 二、查看配......
  • kafaka基本使用
    一、安装创建docker-compose.ymlversion:"2"services:zookeeper:image:docker.io/bitnami/zookeeper:3.8ports:-"2181:2181"volumes:-"zookeeper_data:/bitnami"environment:-ALLOW_ANONYMOUS_......