reactjs - 被迫在方法中重复变量

Question

每次定义处理程序方法时，即使两个方法共享相同的变量，我也被迫重复变量。例如:

handleBreak(evt) {
  const id = evt.target.id;
  let breakVar = this.state.breakSession;
  let isPaused = this.state.isPaused;
  let breakBegan = this.state.breakBegan;
}

handleSession(evt) {
  const id = evt.target.id;
  let sessionVar = this.state.session;
  let isPaused = this.state.isPaused;
  let intervalBegan = this.state.intervalBegan;
  let breakBegins = document.getElementById('timer-label');
  let breakBegan = this.state.breakBegan;
}

除了创建一个包含相同变量的函数并将返回值传递给处理程序之外，是否有更简洁的方法来执行此操作？

Answer 1

您可以使用ES6 Destructuring并做类似的事情

const { session, isPaused, intervalBegan, breakBegan } = this.state;