파이어베이스에서 업데이트 및 삭제

 파이어베이스에서 업데이트나 삭제를 할때 그 문서의 id?

(위의 사진의 글자)
를 가져와서 변경을 해줘야하잖아요

그런데 저 id를 어떻게 데이터와 함께 가져오는거죠..?

  const [boardsData, setBoardsData] = useState<DocumentData[]>([]);
  const [boardId, setBoardId] = useState<string[]>([]);  

const onClickShowBoards = async () => {
    const myBoard = collection(getFirestore(firebaseApp), "MyBoard");
    const result = await getDocs(myBoard);
    const data = result.docs.map((el) => el.data());
    setBoardsData(data);
    const dataId = result.docs.map((el) => el.id);
    setBoardId(dataId);
  };

위와같이 배열을 생성해서 각각의 아이디를 불러오긴했는데 어떻게 연결시킬지 모르겠네요ㅜ