模态在react中的卡中删除函数时闭合。为什么？

Question

当有人按导航中的“成员”按钮时，我有一个模态正在触发。模式正常，并包含列出所有成员的卡。代码在这里（样式的组件可能会使JSX标签看起来很奇怪，但很好）

const cards = members.map((member, i) => (
    <Card key={i}>
      <Name>{member.name.charAt(0).toUpperCase() + member.name.slice(1)}</Name>
      <Relationship>
        {member.relationship.charAt(0).toUpperCase() +
          member.relationship.slice(1)}
      </Relationship>
      <ButtonContainer>
        <Button style={{ backgroundColor: "#05848c" }} onClick={ () => handleAddInfo(member._id)}>Add Info</Button>
        <Button onClick={() => handleDelete(member._id)}>Delete</Button>
      </ButtonContainer>
    </Card>
  ));

如果我只有“ phandletelete”中的控制台登录，则可以按下任何卡上的按钮，并且模态很好。但是，当我派遣“删除成员”事件时，该功能可行，但模态突然关闭。我无法弄清可能会触发这一点，并到处都在寻找答案。有人有什么线索吗？这是Redux工具包中的删除函数

const deleteMember = async (memberId, token) => {
  const config = {
    headers: {
      Authorization: `Bearer ${token}`,
    },
  };

  const response = await axios.delete(`http://localhost:5000/api/me/family/${memberId}`, config);
  return response.data;
};