写代码遇到的坑

1.引入jsx文件(react组件)时,没有写预编译的方式babel
 如:  <script type="text/babel" src="../public/component/ajax.js"></script>

2. 在react 渲染页面的那边 或得的是html文件里面的某一个标签的id ,而在html文件里面写的确实 class
  如：index.html　：　<div cass="content">  </div>

component.js :    ReactDOM.render(<App /> ,document.getElementById('content'));

 

3. 后代服务器的路由写成根目录 /

 

4.input框写在form表单里面,回车会提交表单,导致页面 刷新
http://www.logphp.com/a=url&k=442b7ebd&u=aHR0cDovL3d3dy5ub3dhbWFnaWMubmV0L2h0bWwvaHRtbF9FbnRlckNvdXNlUmVmbGVzaC5waHA=&t=6ZSu55uY5Zue6L2m5LqL5Lu25a!86Ie06aG16Z2i5Yi35paw55qE6Zeu6aKYIOeugOaYjueOsOS7o!mtlOazlQ==&s=aW5wdXTlm57ovabkuI3liLfmlrDpobXpnaI=

 

5.组件可以成功调用,但是无论如何都无法成功给它传递参数
原因:传递参数的属性单词写错了,上下不一致

 

6.组件的render里面的return 里面直接调用某函数,没有触发它,它是不会执行的
但是放在render里面,render的return 外面就可以执行,但是调用函数应该加上括号:{this.choose()}

 

7.给某变量返回的是字符串的"false" 和 "true" 的时候,在判断该变量的时候,就不应该直接if(变量名)
应该给该变量返回非字符串形式的 false 和 true ,才能用if(变量名)