Question

我正在使用Django和React开发一个Web应用程序，我在react组件上构建页面的结构，并且看起来可以正常工作。我有一个待办事项清单组件，我有一个状态，其中包含标题和待办事项列表中的项目。然后当列表完成后，我想将待办事项列表发布到数据库中。

我面临的问题如下： -加载http://localhost:8000/ -点击添加项目 -react呈现新项目的新空白字段。持续一秒钟，页面刷新，链接变为

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>

React Django状态在页面连续刷新中丢失

1 个答案: