React 新手易错集锦

一、关于React注释的问题：

1、在标签内部的注释需要花括号

2、在标签外的的注释不能使用花括号

ReactDOM.render(
    /*注释 */
    <h1>孙朝阳 {/*注释*/}</h1>,
    document.getElementById('example')
);

二、代码中嵌套多个 HTML 标签，需要使用一个标签元素包裹它

1.错误例子：

ReactDOM.render(
  <h1>这是错误的例子</h1>
  <span>假设这里是标题下面的内容</span>,
  document.getElementById("example")
);

2.正确例子：

ReactDOM.render(
  <section>
    <h1>这是正确的例子</h1>
    <span>假设这里是标题下面的内容</span>
  </section>,
  document.getElementById("example")
);

三、onClick 等事件，与原生 HTML 不同，on 之后第一个字母是大写的！

如果将 onClick={this.handleClick} 换成 onclick={this.handleClick} 则点击事件不再生效。