Javascript —如何為一個對象分配多個元素？

Question

我試圖將多個元素分配給一個對象而沒有成功。 數據被覆蓋而不是添加。 我對此並不Object.assing() ，因此不確定Object.assing()是否是正確的選項。 如何向對象添加多組數據？

偽代碼

• 選擇開始日期
• 添加到對象
• 選擇結束日期
• 添加到對象
• 獲取之間的日期並添加到對象

碼

_selectDate = obj => {
    let selection = {}
    const { startDate, endDate } = this.state

    if (!startDate) {
        Object.assign(selection, {
            [obj.dateString]: { startingDay: true, color: 'black', textColor: 'white' },
        })
    } else {
        Object.assign(selection, {
            [obj.dateString]: { endingDay: true, color: 'black', textColor: 'white' },
        })
    }

    this.setState({
        startDate: !startDate,
        test: selection,
    })
}

期望的結果

{
    '2018-08-20': { startingDay: true, color: 'black', textColor: 'white' },
    '2018-08-21': { selected: true, color: 'black', textColor: 'white' },
    '2018-08-22': { selected: true, color: 'black', textColor: 'white' },
    '2018-08-04': { endingDay: true, color: 'black', textColor: 'white' },
}

Answer 1

您在每次調用時創建新對象的問題：

let selection = {}

這就是為什么您無法“累積”此數據的原因。

為了解決這個問題，您應該從您的狀態獲取它，如下所示：

let selection = this.state.test

然后（在if語句中）進行賦值：

selection = {
   ...selection,
   [obj.dateString]: { 
      endingDay: true, 
      color: 'black', 
      textColor: 'white' 
   },
}