react框架__基础语法(1)

react的脚手架搭建,基础语法
摘要由CSDN通过智能技术生成

一 、脚手架创建步骤

(一)终端操作

npx create-react-app 项目名
cd 项目名
npm start

(二)清理项目目录

src中只留index.js(入口文件)、app.js文件(项目根据文件)
public中只留index.html(视图界面首页)

如需降低react的版本,在package.json中将 “react”: “^”,
“react-dom”: “^”,修改为需要的版本。
在终端中输入npm i 即可完成版本升降级

二、react程序应用
(一)基本框架
<body>
		<div id="root"> </div>
        <!-- type="text/babel":将 script 标签中的内容转换为浏览器可以识别的 JavaScript -->
		<script type="text/babel">
            ReactDOM.render(<h2>helloworld</h2>, document.getElementById('root'))
        </script>
	</body>

在这里插入图片描述
ReactDOM.render

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值