这里是学习react的第一天_react.createelement添加类-CSDN博客

本文链接：https://blog.csdn.net/qq_35924449/article/details/120539102

本文介绍了初学者如何在React中创建元素，包括`createElement`方法的使用，属性对象的构造，以及jsx语法的应用。还涵盖了React脚手架的搭建和常见操作，如`create-react-app`的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

学习react的第一天

React.createElement(“标签名字”,标签属性可以是对象比如:{id:‘null’,title:nill},子节点)

要求:React.createEelement要求知道就行创建html解构太复杂但是要知道
创建react元素

参数一：创建元素的名称

参数二：表示元素的属性

参数三：个参数表示元素的节点

const react=React.createElement(“span”,{title:“审理”,id:‘react’},‘hell react’)
react.createElement(“span”,{title:“审理”,id:‘react’},hell) 第二个参数是元素的属性可以使用对象对元素属性的设置第二个参数可以设置多个属性对象里面

第三个属性补充可以设置多个子节点
React.createElement(“标签名字”,标签属性可以是对象比如:{id:‘null’,title:nill},子节点)
React.createEelement(“h1”,null,React.CreateElement(“h2”,null,第二个子节点),React.CreateElement(“h2”,null,第二个子节点))

最终要的第一个方法 ReactDOM.render("el要渲染的react元素’,‘DOM对象挂载点’)

<div class='components'>

</div>

let React=React.createEelement('h1',null,"挂载页面")
ReactDOM.render(React,document.querySelector(".components"))

React脚手架的创建

npx create-react-app name

yarn start 启动服务器没有yarn也可以使用npm sart启动服务

使用jsx语法创建react元素

推荐使用:创建jsx语法在html结构最外层套入小括号避免不必要的错误
给元素设置class属性的时候需要加上className=‘name’ 驼峰命名方式

let a=(<div clasName='id'>我是jsx语法</div>);
reactDOM.render(a,document.querySelector("#root"))