react bug

1.Uncaught Invariant Violation:

_registerComponent(...): Target container is not a DOM element.

     这里的 id 名字写错了。

 

2.组件 不报错 无反应

问题： 新建变量  首字母 小写。  只有首字母 大写 才正确解读。

<div id="example"></div>
<script type="text/babel">
    var HelloMessage = React.createClass({
        render: function(){
            return <h1>hello ! {this.props.name}</h1>;
        }
    });
    ReactDOM.render(
        <HelloMessage name="TOM"/>,
        document.getElementById('example')
    )

</script>

 

解读正确的 html 样式：                                               解读错误的 html 样式： 

    

 

 

3.缺少唯一键值

Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of `RepoList`. See https://fb.me/react-warning-keys for more information.

警告：数组或迭代器中的每个子数组都应该有一个唯一的“键”键。检查方法repolist ` `渲染。看到https://fb.me/react-warning-keys更多信息。

 

 警告代码： 

    var repoList = item.map(function(info){

    return (
        <li>

            <a href="item.html_url">{info.name}</a> ,<span>({info.stargazers_count} star)</span>,

            <span>{info.description}</span>;

        </li>

    )

 

     ||

 

正确代码：

    var repoList = item.map(function(info,index){
    return (
        <li key={index}>

            <a href="item.html_url">{info.name}</a> ,<span>({info.stargazers_count} star)</span>,

            <span>{info.description}</span>;

        </li>
    )