React的两种使用方法

一、通过引入React的核心代码进行使用

  在我们的html5中引入如下几行代码：

1）引入React核心代码

<script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>

2）引入react-dom将react元素渲染到页面中

 <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>

3）对js扩展了语法 需要babel将该扩展翻译成浏览器认识的代码

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

引入三行代码后就可以进行使用react的方法了

二、运用React脚手架实现

 在集成终端中输入 npx create-react-app app-1 

注：app-1为你的项目名称，可以更改

一路加载后会出现建议你输入cd app-1或  npm start，cd app-1时将当前终端目录切换到你创建的react项目的位置，npm start是启动这个项目。、

如果加载的时候报错 检查一下网络 重新试一试还不行检查npm的版本号是否大于5.6