Реагирует Django состояние, потерянное при непрерывном обновлении sh страницы

Question

Я занимаюсь разработкой веб-приложения с Django и React, строю структуру страницы на компоненте реагирования, и похоже, что оно работает. У меня есть компонент списка дел, у меня есть состояние, которое содержит заголовок и элементы списка дел. затем, когда список был заполнен, я захотел опубликовать список дел в базе данных.

Проблема, с которой я сталкиваюсь, заключается в следующем: - Загрузить http://localhost:8000/ - нажмите на кнопку добавления элемента - при реакции отображается новый пустое поле для нового элемента. это длится секунду, страница обновляется, ссылка становится

http://localhost:8000/?title=&dateCreation=&toDoItem=&when=&note=&toDoItem=&when=&note=

, и страница теряет состояние, и все становится как в начале состояния

state = {
        toDoList:{
            title:"",
            dateCreation:"",
            toDoItems:[
                {itemName:"",when: "", note:""},
            ]
        }
    }

addItemHandler = () => {
    const toDoList = {...this.state.toDoList}
    const toDoItems = [...this.state.toDoList.toDoItems]
    toDoItems.push({itemName:"",when: "", note:""})
    toDoList.toDoItems = toDoItems
    return this.setState({toDoList: toDoList})
}

Answer 1

Решено изменить jsx компонента, перед тем, как этот обработчик добавил компоненты внутри HTMLelement формы, я просто изменил тег формы с помощью div и решил проблему.

До

<form>
  <input>
  {addItems}
</form> 

После

<div>
  <input>
  {addItems}
</div>