React的hello world

学习一个新的语言/框架，我们通常最先让他的输出显示hello world，那么接下来运用react的俩种方式输出hello world

一、利用加载react核心代码的方式实现

首先，要引入三行代码，见上一篇，做好准备工作，我们就可以开始正式进行了

1.构建一个用户的容器Dom对象(如下，我将容器id命名为root)

<div id="root"> </div>

2.使用react构建用户界面(type='text/babel"将代码进行转换，转换为能识别的代码)

<script type="text/babel">
//jsx
 const element = <h1>hello world</h1>;
</script>

3.将react元素渲染到指定的容器下（ReactDom.render();方法：参数1: 要渲染的react元素,参数二  Dom容器对象)

<script type="text/babel">
//jsx
 const element = <h1>hello world</h1>;
ReactDOM.render(element,document.getElementById('root'));
</script>

二、利用脚手架实现

准备工作：创建一个React项目

1.在左侧找到App.js

2.在其中function App（）中找到return，将return中的基本样式清空，输入<h1>hello world</h1>

3.在项目目录的集成终端输入 npm start启动项目就完成了