7.13 坑记录

开始学习react

第一个坑

写程序的时候有个

<script type="text/babel">

后面的type是必须加的，不加会出现问题。

  <script type="text/babel" >
  ReactDOM.render(
                       <div>{1+1}</div>, //这里貌似不可以写多个并列的标签，需要用一个大的标签去包住
                      document.getElementById('example')
                    );
  </script>

注释的问题

ReactDOM.render( <div> <h1>菜鸟教程</h1>{/*注释...*/} </div>,document.getElementById('example'));

   

<script type="text/babel">
     var Hello = React.createClass({
    render: function(){
        return <h1>Hello World！</h1>;
 }
 });
 console.log(Hello)


 ReactDOM.render(
 <Hello />,//这个标签使用第一位小写的情况下 不能够显示。 这是个坑。 注意第一个字母大写。
 document.getElementById('example')
 )


    </script>

自己找了很长时间的坑发现菜鸟教程上面居然有warning

注意，原生 HTML 元素名以小写字母开头，而自定义的 React 类名以大写字母开头，比如 HelloMessage 不能写成 helloMessage。除此之外还需要注意组件类只能包含一个顶层标签，否则也会报错。

烦躁。