时间戳

首页 > 解决方案 > 使用 Devextreme React Scheduler 动态改变调度（react）

reactjs - 使用 Devextreme React Scheduler 动态改变调度（react）

问题描述

我正在使用一个调用DevExtreme React Scheduler来实现动态可定制日历的包。

沙盒：https ://codesandbox.io/s/8kqq12o000?fontsize=14

我正在尝试动态更改我的第一个时间表的标题，看起来像

  {
    title: "Website Re-Design Plan",
    startDate: new Date(2018, 5, 25, 9, 30),
    endDate: new Date(2018, 5, 25, 11, 30),
    id: 0,
    location: "Room 1"
  },

通过使用调用顶部按钮的 onClick 的函数

  test = e => {
    e.preventDefault();
    console.log(this.state.data);
    this.setState(prevState => ({
      items: {
        ...prevState.data,
        [prevState.data[1].name]: "TEST"
      }
    }));
  };

当我打印出来时，标题按预期更改，但 UI 保持不变。我希望 UI 能够反映标题更改（以及最终的日程更改，但尚未实施）。

有什么帮助吗？

标签： reactjs

解决方案

我对发布的示例不太清楚，因为不清楚这些项目指的是什么。但是从沙箱中，我可以看出 setState 中的名称与州名称不匹配，应该是this.setState({ data:datas });.

推荐阅读