首页 > 其他分享 >React基础 - JSX

React基础 - JSX

时间:2023-03-20 14:13:09浏览次数:47  
标签:const name 基础 React null JSX id

// 导入React、React-DOM
// React负责创建React元素 - 虚拟DOM
// ReactDOM负责渲染React元素
// JSX - 插值表达式
// 表达式
// 1. 变量
// 2. 基本数据类型:string、number、boolean、undefined、null
// 3. 其他:三元、逻辑表达式、JSX

// 其中string和number正常显示而null、boolean、undefined不显示

import React from 'react'
import ReactDOM from 'react-dom/client'
import { nanoid } from 'nanoid'
import './base.css'
import App from './App'

// 通过React.createElement创建相关元素
// React.createElement('标签类型', {标签属性: 属性值}, '标签内容')
const root = ReactDOM.createRoot(document.getElementById('root'))
const title = React.createElement(
  'i',
  // 

标签:const,name,基础,React,null,JSX,id
From: https://www.cnblogs.com/openmind-ink/p/17236081.html

相关文章

  • 面向对象基础
    A2:类与实例类是什么?一切事物皆对象,即所有的东西都是对象,对象是可以看到、摸到、感觉到、听到、闻到、尝到的东西。对象是一个自包含的实体,用一组可识别的特性和行为来识别......
  • 后端基础——vcs后仿delay
    贴上参考文章,写的很好:negativetimingcheck和negativedelay-知乎(zhihu.com),如有需要可以参考原文一,vcs后仿两个关键的option在做vcs后仿时,有两个参数:+neg_tchk和-......
  • vue、react 技术栈和生态
     vue技术栈和生态Vue是一个流行的JavaScript前端框架,它具有易学易用、高效灵活等特点。Vue技术栈包括以下内容:Vue:Vue框架本身,提供了组件化、响应式等核心特性......
  • Azure 基础架构现代化 -- 实战训练营
    在二月的最后一天,我们顺利的举办了Azure基础架构现代化--实战训练营!!本次实战训练营Agenda如下:主题时间方式状态基础架构现代化2023.2.1709:30~10:30Workshop已结束SQL......
  • Python基础:面向对象-继承和多态
    一、继承Python面向对象的继承指的是多个类之间的所属关系,即子类默认继承父类的所有属性的方法。作用:可以减少代码重复,提升代码复用率。简单示例如下:#父类AclassAni......
  • 2023-03-20 React: Each child in a list should have a unique "key" prop. Check t
    Eachchildinalistshouldhaveaunique"key"prop. Checktherendermethodof`App`列表中的每个孩子都应该有一个唯一的“关键”道具。检查`App的呈现方法`前......
  • java-基础线程机制
     前言,基础线程机制:Executor管理多个异步任务的执行、Daemon守护线程、sleep()、yield() 一、Executor:1.newCachedThreadPool(),一个任务创建一个线程ExecutorServic......
  • Java基础语法-数组
    第一部分:数组1.数组1.1数组介绍数组就是存储数据长度固定的容器,存储多个数据的数据类型要一致。1.2数组的定义格式1.2.1第一种格式数据类型[]数组名示例:int[]arr......
  • Nginx服务部署及基础配置
    一、nginx1、Nginx功能介绍静态的web资源服务器html,图片,js,css,txt等静态资源http/https协议的反向代理7层结合FastCGI/uWSGI/SCGI等协议反向代理动态资源请求......
  • 造价基础知识和流程
    前期:计量(计算人工,材料,机械数量)和计价(计算需要花费多少钱),过去称之为预算,现在计价方式主要是清单计价 施工图预算:一般包括平面图,系统图,大量图,详细图 材料预算价格,材料......