reactjs - 通过解构可以使这个分配变得更简单吗？

Question

我还在努力学习解构的方法。我知道的足够多，知道可能有一种方法可以更简洁地写这个。有吗？

      this.props.setStateObjects({
        data:     data.reservation_data.data,
        included: data.reservation_data.included
      })

编辑:

根据下面@Sung M Kim 的请求，上下文如下:

    $.ajax({
    })
    .done( ( data ) => {
      this.props.setStateObjects({
        data:     data.reservation_data.data,
        included: data.reservation_data.included
      })
    })

Answer 1

您可以对data应用解构以提取reservation_data，然后从其中提取data和included字段reservation_data。然后您可以使用简写对象键值表示法设置这些状态，如下所示

const { reservation_data: { data: dataToSet, included } } = data

或更少的解构

const { data: dataToSet, included } = data

然后将其设置为状态

this.props.setStateObjects({
  data: dataToSet,
  included
})