安装和使用
1.安装
黑窗口输入以下指令
npm i create-react-app -g
2. 创建react文件
create-react-app 项目名称
3.运行
cd 进入你的项目文件
输入npm start
JSX语法
有且只有一个dom节点
{}里面写js
class变为className
数组可以包含html
对象样式自动展开
{/* */}注释
元素渲染
文本渲染
import'./App.css'
const arr=[
<p key='a'>111111</p>,
<p key='b'>222222</p>,
<h1 key='c'>3333333</h1>
]
const stl={
fontSize:"24px",
color:"#f70"
}
function App(){
return (<div>
<h1 className="myh">你好react</h1>
{arr}
<p style={stl}>呼声静姐</p>
</div>)
}
export default App;
以下是效果
你好react
111111
222222
3333333
呼声静姐