什么是reactReact是一个构建用户界面的JavaScript库这里不使用CDN的形式来讲解学习react这里先说说为什么写这篇博客，1.它是因为看过很多类似的博客，不是很全面，所以写到这里方便自己理解。2、可以和大佬们一起学习巩固提高。在这里您可以指定错误并学习知识。.开始我们的反应之旅。创建react项目的前提是基于node.jscreate-react-app，没有react脚手架。可以使用npminstall-gcreate-react-app创建一个项目npxcreate-react-appmy-appproject构建成功后，我们这里只需要一个index.js。渲染并挂载到domindex.js=>挂载变量importReactfrom'react'importReactDOMfrom'react-dom'constele=

欢迎来到react学习之旅{'helloworld'}

/**这里我们定义了一个ele变量，原理要记住：我们要渲染谁，渲染到哪里？这里我们渲染ele变量，我们要渲染到根节点index.html中的id，引入上面的新内容#root:stringinterpolation:{'helloworld'}*///使用ReactDOM.render将元素渲染到页面ReactDOM.render(ele,document.querySelector('#root'));结果：欢迎来到react学习之旅helloworld渲染函数importReactfrom'react';//ReactDom用于页面渲染importReactDOMfrom'react-dom';//index.css用于处理页面样式//import'./index.css';//插值react{'Helloworld'}string//首先1.创建对象=>renderconstuser={fristName:'sprinklesoup',lastName:'boyacat'}//2.创建我们的函数参数为user我们一开始创建的对象functionformatName(user){returnuser.fristName+user.lastName}//3.我们判断是否有User对象参数，如果有则执行if中的结果，如果没有则执行else函数的结果getGeeting(user){if(用户){返回<h1>Hello,{formatName(user)}}else{return

Hello,react

}}//4、最后通过ele接收函数，挂载到根节点constele=

HelloReact{'Helloworld'},{formatName(user)},{getGeeting()}

//使用ReactDOM.render将元素渲染到页面中ReactDOM.render(ele,document.querySelector('#root'));