[React] 삭제 후 목록 재렌더링

return

        {
          myBoard.map((b,i)=>{
            return(
              <ul key={i}>
                <li>
                  <span onClick={()=>{navigate(`/boardUpdate/${b.boardNum}`)}}> - {b.boardTitle}</span>
                  <span onClick={()=>{goDel(b.boardNum)}}>  ❌</span>
                </li>
                <li>{b.boardContent}</li>
              </ul>
            )

goDel 함수

  const goDel=(boardNum)=>{

    if(window.confirm('게시글을 삭제하시겠습니까?')){
      axios.delete(`/board/delMyBoard/${boardNum}`)
      .then(res=>{
        alert('게시글이 삭제되었습니다.')

        myBoard.forEach((board,i)=>{
          if(board.boardNum==boardNum){
            myBoard.splice(i,1)
          }
        })
        setMyBoard([...myBoard])

      })
      .catch(error=>console.log(error))
    }

  }