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;
}

除了创建一个包含这些相同变量的函数并将返回值传递给处理程序之外，还有更简洁的方法吗？

标签： reactjs

Answer 1

您可以使用ES6 Destructuring并执行类似的操作

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