javascript - 在 JavaScript 中转换回 ES6 类

Question

我正在努力将以下代码更改为等效的 ES6 语法的等效语法是什么。

export default class EventSessionItem extends Component {
    state = {
        isDetailsVisible: false,
    };

    revealDetails = () => {
        this.setState({isDetailsVisible: true});
    };

我本以为下面是转换，但显然不是。它全部亮起红色，表示语法错误。

export default class EventSessionItem extends Component {

  constructor() {
    isDetailsVisible = false;
  }

  function revealDetails  {
    this.setState({isDetailsVisible: true});
  };

Answer 1

带有类初始化程序的代码对构造函数中的属性赋值进行脱糖:

export default class EventSessionItem extends Component {
  constructor(...args) {
//^^^^^^^^^^^
    super(...args);

    this.state = {
//  ^^^^^
        isDetailsVisible: false,
    };

    this.revealDetails = () => {
//  ^^^^^
        this.setState({isDetailsVisible: true});
    };
  }
}