在函数内调用componentDidMount是否是错误的做法？

  • Z时代
  • 2024-01-10
  • 分类：问答

我的ReactJS应用程序中有一个函数，该函数向服务器发送axios POST请求以从数据库中删除某个元素。

基本上，我有一个列表，可以从中删除某些项目，但是，React仅显示刷新页面后通过删除元素所做的更改。

这是我使用的删除功能：

handleDelete (event) {
    var id = event.target.id;
    axios.get('todos/delete?id='+id)
        .then(function(response) {
        });
    this.componentDidMount();
}

componentDidMount()从我的数据库中获取数据并将其存储在状态中。我发现，如果我componentDidMount在该函数中调用，它将立即显示更改，但是，我觉得这是一种非常不专业的方式来完成我要实现的目标。因此，我的问题是：

  • 在另一个函数中调用生命周期方法是否被认为是不好的做法？

  • 是否有更好的方法让页面立即显示更改？

回答：

好吧，你不应该真的那样做。

只是 的生命周期方法。您想要的是这种结构：

fetchData () { ... };
handleDelete (event) {
    var id = event.target.id;
    axios.get('todos/delete?id='+id)
        .then(function(response) {
        });
    this.fetchData();
}
componentDidMount() {
  this.fetchData();
}

这是一个简化的示例，但您明白了。

在 函数中，如果您希望 调用在 调用 发生

则应在代码中进行编码， 

axios.get('todos/delete?id='+id)
     .then(() => {
       this.fetchData();
     });

以上是 在函数内调用componentDidMount是否是错误的做法？ 的全部内容， 来源链接： utcz.com/qa/422762.html

回到顶部