Translateds

本文转载并翻译于 Dan Abramov 的博客 overreacted.io

React Hooks 是当下社区的热门,但我却想从 class 组件的一些有趣实现讲起!

理解这些内容对你如何运用 React 来说并不重要,但如果你喜欢探寻事物动作的原理的话,就很有趣了。


我写过不计其数的 super(props) :

class Checkbox extends React.Component {
  constructor(props) {
    super(props);
    this.state = { isOn: true };
  }
  // ...
}

当然,使用 class fields proposal 可以让我省去这种写法:

class Checkbox extends React.Component {
  state = { isOn: true };
  // ...
}

React 从 0.13 增加对普通 class 的支持开始,就计划要使用这种语法。现在这种定义 constructor 然后调用 super(props) 的做法只是 class field 来临之前的一种替代方案。

Read more »