学习react的心路历程（一）

我是react小白，网上的react教程成堆成堆的，我就不在这里写什么教程，巴拉巴拉以下我的学习“心得”！
我是在“技术胖”的带领下学习的react，这个教程是小白也能轻松学习react。
虽然跟着“技术胖”的视频学习敲打代码，但是还是很容易踩坑。我会在这里记录下我觉得重要的，还有我踩的坑，加深印象。历任老师都说了，好记性不如烂笔头，记下来就少犯错误！
顺便在这里表达下自己学习时候的心情哈！啦啦啦～～～～

---

环境搭建

第一天学习，是没有安装react的，引用了外部文件来搭建的环境。
访问官网https://facebook.github.io/react/，下载两个文件“react.js”和“react-dom.js”。
然后我就开始按照技术胖教的开始写例子了，到这里一切都很顺利。

第一个点 `<script type="text/babel"></script>

基本的创建组建，渲染组建的代码熟悉之后，接下去的JSX就坑坏我了，一个小细节我没注意到，折腾了半天。
在写JSX之前需要用到bable转换，可以去网上提供的静态资源库引用（http://www.bootcdn.cn/），也可以自己下载。

我这里是引用的资源<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.38/browser.js"></script>，写出了JSX数组的小例子，欢迎来找茬，发现哪里的问题了吗？

我的页面是报错的！我的天呐，然后我就一直觉得是不是我引入的babel资源有问题，换了好几个，都没用。
对比了js的代码，也没问题，若不是老眼昏花，总共就那么几行，我能看错？？！
不死心，我都复制了主要代码，还是报错！崩溃！！！我的心情你懂吗？？最后关键来了，我的错误很简单，呵呵呵～～～

script标签里少了个type！豁然开朗！柳暗花明！

第二个点 return <div>要同一行

刚开始学习的demo都很简单，只有几行，我就没看视频，直接开打，就出现了以下一幕

WHAT！！！什么鬼？看不懂啊看不懂！然后又对着零星几行代码找错，我们有错不怕，就怕找不出错啊～～～
最后都复制了教程上的代码，红色警告还是没有消失，最后在我坚持不懈的努力下，我发现错误了！哈～哈～哈～

return <div>

需要同一行！同一行！同一行！重要的事情说三次，return后面必须紧跟一个html标签。
这个坑真的有点深啊，我刚开始不放一行是觉得代码好看点，为了代码的美观，现在不都是长相比较重要嘛！

---

还好，结局是美好的！