我有 React JS 應用程序，它使用來自 ASP .NET Core Web API 的條目更新加速網格表。我需要在插入后使用新條目更新網格。我在那里幫助和使用函數來做到這一點，但我得到了一個函數的無限循環。componentDidUpdate()refreshList()refreshList()關于如何在沒有該循環的情況下更新網格的任何想法？import React, {Component} from 'react';import {Table, Container} from 'react-bootstrap';import {Button, ButtonToolbar} from 'react-bootstrap';import {AddDepModal} from './AddDepModal';import {EditDepModal} from './EditDepModal';export class Department extends Component {    constructor(props){        super(props);        this.state = {deps:[], addModalShow: false, editModalShow: false}    }    componentDidMount()    {        this.refreshList();    }    refreshList()    {       fetch("https://localhost:5001/api/departments")       .then(response=> response.json())       .then(data=> {         this.setState({deps:data});       });    }    componentDidUpdate()    {        this.refreshList();    }    render(){     const {deps, depid, depname} = this.state;     let addModalClose = () => this.setState({addModalShow:false})     let editModalClose = () => this.setState({editModalShow:false})    return (        <div>     <Table className = "mt-4" striped bordered hover size ="sm">    <thead>        <tr>            <th>DepartmentID</th>            <th>DepartmentName</th>            <th>Options</th>        </tr>    </thead>