调用reactjs函数后返回家

Question

我有一个包含4个组件的应用程序，一个是家庭应用程序，另一个是3个显示，编辑和创建的应用程序。

在“显示”中，有一个功能可以从App中的表中删除记录，

delete(id){
     firebase.firestore().collection('boards').doc(id).delete().then(() => {
         console.log("Document successfully deleted!");
         this.props.history.push("/")
     }).catch((error) => {
         console.error("Error removing document: ", error);
         });
  }

在“编辑并创建onSubmit方法”中修改表。

onSubmit = (e) => {
    e.preventDefault();

    const { title, description, author, id } = this.state;

    this.ref.add({
        title,
        description,
        author,
        id
    }).then((docRef) => {
        this.setState({
        title: '',
        description: '',
        author: '',
        id: ''
        });
        this.props.history.push("/")
    })
    .catch((error) => {
        console.error("Error adding document: ", error);
  });
}

我要在致电delete和onSubmit之后返回家，我该怎么办？