这是我在 React 中的第一个项目。我有此元素 <DragDropContext onDragEnd={(result) => this.HandleOnDragEnd(result)}> ，完成拖动后，它会调用以下函数，我在此函数中收到错误：

    HandleOnDragEnd = (result) =>
    {
        const requestOptions = {
            method: 'POST',
            headers: { "Content-type":"application/json",
                       "Accept":"application/json",
                       "Accept-Encoding":"gzip, deflate, br" }
        };
        fetch(url, requestOptions)
            .then(function(response){
                if(!response.ok)
                {
                    return response.statusText;
                }
                else{
                    const items = [...this.state.sets];
                    const itemReordered = items.splice(result.source.index, 1);
                    items.splice(result.destination.index, 0, itemReordered);
                    this.setState({sets: items});
                }
            })
    }

问题发生在 else 语句中。由于某种原因，它认为 this.state 未定义。到目前为止，我检查过的所有地方都只是说要么将 this 与构造函数中的函数绑定，要么使用我拥有的箭头函数，所以我不明白是什么导致了这个问题。

更新 1

我能够在函数开始时 console.log(this.state.sets); ，所以我唯一的假设是由于某种原因它未在 .then 函数中定义。有沒有方法可以解决这个问题？