React使用报错

Question

看了阮一峰的博客，按照它的源码，用webstorm进行练习，但是老是会报错。然而却能正常运行。
如图所示：

菜鸟入门，实在不懂。

Answer 1

因为他不认识jsx代码

Answer 2

把 JavaScript 的版本设置为 JSX Harmony。

讲道理的话，WebStorm 检测到语法问题在右上角应该会提示的。

https://segmentfault.com/q/10...

很明显 segmentfault需要一个关联重复问题的feature

Answer 3

循环的时候需要在对象上加key属性，这是react的一个规定。

names.map((name,index)=><div key={index}>hello,{name}</div>)

注意这是es6的写法。如果是es5就是

names.map(function(name,index){return <div key={index}>hello,{name}</div>});

Answer 4

原来也遇到过，修改setting就好了
settings => Languages & Frameworks => JavaScript => JavaScript language version改一下就行了