解构-错误重复声明'hour‘

Question

我正在使用解构来创建开始和结束时间：

  const {
                startYear: year,
                startMonth: month,
                startDay: day,
                startHour: hour,
                startMinute: minute
            } = event.start_date_details;
            const {
                endHour: hour,
                endMinute: minute
            } = event.end_date_details;

有什么想法吗？

事件json：

  "events": [
        {
            "id": 518,
            "global_id": "wordpress.rguc.co.uk?id=518",
            "global_id_lineage": [
                "wordpress.rguc.co.uk?id=518"
            ],
            "author": "1",
            "status": "publish",
            "date": "2017-12-14 12:11:42",
            "date_utc": "2017-12-14 12:11:42",
            "modified": "2018-01-11 10:04:49",
            "modified_utc": "2018-01-11 10:04:49",
            "url": "http://wordpress.rguc.co.uk/event/another-one/",
            "rest_url": "http://wordpress.rguc.co.uk/wp-json/tribe/events/v1/events/518",
            "title": "another one",
            "description": "",
            "excerpt": "",
            "image": false,
            "all_day": true,
            "start_date": "2018-01-31 00:00:00",
            "start_date_details": {
                "year": "2018",
                "month": "01",
                "day": "31",
                "hour": "00",
                "minutes": "00",
                "seconds": "00"
            },
            "end_date": "2018-01-31 23:59:59",
            "end_date_details": {
                "year": "2018",
                "month": "01",
                "day": "31",
                "hour": "23",
                "minutes": "59",
                "seconds": "59"
            },
            "utc_start_date": "2018-01-31 00:00:00",
            "utc_start_date_details": {
                "year": "2018",
                "month": "01",
                "day": "31",
                "hour": "00",
                "minutes": "00",
                "seconds": "00"
            },
            "utc_end_date": "2018-01-31 23:59:59",
            "utc_end_date_details": {
                "year": "2018",
                "month": "01",
                "day": "31",
                "hour": "23",
                "minutes": "59",
                "seconds": "59"
            },

Answer 1

解构的语法(BTW解构是错误的术语)是不同的。您需要指定冒号之前匹配的键和冒号之后声明的变量。也许你想：

 const {
    year: startYear,
    month: startMonth,
    day: startDay,
    hour: startHour,
    minutes: startMinute
} = event.start_date_details;
const {
    hour: endHour,
    minutes: endMinute
} = event.end_date_details;

Answer 2

您正在将event.start_date_details.startHour和event.end_date_details.endHour都解构为const hour。将其更改为

const {
  start_date_details: {
    year: startYear,
    month: startMonth,
    day: startDay,
    hour: startHour,
    minutes: startMinute
  },
  end_date_details: {
    hour: endHour,
    minutes: endMinute
  }
} = event;

这样您就可以将变量startHour、startMinute、endHour和endMinute从event.(start/end)_date_details.(hour/minutes)映射过来。

参见MDN's Destructuring Assignment - Assigning to new variable names。