React 新手易错集锦

作者: 淡蓝海域 分类: javascript,前端其他 发布时间: 2018-03-02 09:05

一、关于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} 则点击事件不再生效。

 

    

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!