React 学习心得

最新推荐文章于 2022-11-17 17:25:20 发布

原创最新推荐文章于 2022-11-17 17:25:20 发布 · 446 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react

js学习专栏收录该内容

27 篇文章

订阅专栏

博客介绍了React的相关特性，包括只更新修改的DOM，以及jsx将HTML和CSS按JS方式处理。还阐述了使用super(props)的原因，用到constructor时需写super()初始化this，若在constructor用this.props则要给super加参数，未用constructor可不写。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.React Only Updates 只更新修改掉的 dom

2.jsx将html css 统一按照js的方式处理

使用super(props);的原因

 constructor(props) {
    super(props);
    this.state = { liked: false };
  }

如果你用到了constructor就必须写super(),是用来初始化this的，可以绑定事件到this上;

如果你在constructor中要使用this.props,就必须给super加参数：super(props)；

（无论有没有constructor，在render中this.props都是可以使用的，这是React自动附带的；）

如果没用到constructor,是可以不写的,直接：

你直接在constructor内部 用this.props 会报错
constructor() {

super()
console.log(this.props)//undefined
console.log(props)//error
}
constructor(props) {

super()
console.log(this.props)//undefined
console.log(props)//{}
}
constructor(props) {

super(props)
console.log(this.props)//{}
console.log(props)//{}
}