javascript - 使用React Spread运算符的数组中的SetState

我的反应状态中的值看起来像这样：

appointmentsData = {
  "05-01-2018": [
    {
      id: "1",
      friendly: "9:00am - 10:00am",
      openDateTime: "9:00am",
      closeDateTime: "10:00am"
    }
  ]
};

我有一条新数据：

const newAppt = {"06-30-2018":[]}

如何在状态中添加数据？我试过了

this.setState({ ...this.state.appointmentsData, ...newAppt});

似乎没有增加状态。我在渲染中获得了与以前相同的值（传播之前为appointmentData）。 newAppt永远不会添加到状态中。

我试图让我的状态期望的输出是：

appointmentsData = {
  "05-01-2018": [
    {
      id: "1",
      friendly: "9:00am - 10:00am",
      openDateTime: "9:00am",
      closeDateTime: "10:00am"
    }
  ],
  "06-30-2018": []
};

最佳答案

您不应在newAppt上使用扩展运算符。随身携带：
this.setState({ ...this.state.appointmentsData, newAppt});。在我看来，newAppt上的散布运算符未获取const的任何数据。