Блог

Я использую пакет, вызываемый DevExtreme React Scheduler для реализации динамически настраиваемого календаря.

Песочница: https://codesandbox.io/s/8kqq12o000 ?размер шрифта = 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"
  },
 

используя функцию, которая вызывается при нажатии кнопки сверху

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

Когда я распечатываю его, заголовок меняется, как и предполагалось, но пользовательский интерфейс остается прежним. Я ожидаю, что пользовательский интерфейс будет отражать изменение названия (и, наконец, изменение расписания, но еще не реализовано).

Любая помощь?

Я не совсем понимаю опубликованный пример, поскольку неясно, к чему относятся элементы. Но из изолированной среды я мог разобрать, что имя в setState не совпадает с именем состояния, так и должно быть this.setState({ data:datas }); .