在页面之间切换时，直到刷新页面时才会打开Flowbite

Question

在移动屏幕中，当第一次加载页面并单击按钮打开该模式时，它确实会打开，但是在您转到另一页并尝试打开另一种模式之后，它将不会打开，您每次到另一页时都应该一次又一次刷新该页面。在这里输入图像描述

Answer 1

您必须在代码中使用"useState“来管理打开或关闭模式的情况，如下所示：

const Main = ()=>{
const [visible,setVisible]=useState(false)

return(
<>
<button onClick={()=>setVisible(true)}>Open Modal</button>
<Modal visible={visible} ... />
</>
}

在您的模型中，您必须检查道具的值(可见)，然后显示当单击setVisible(false)时，该模型是否也定义了onClose (False)。

Answer 2

import{ useState } from "react";

const ModalFlowbite = () => {
const [modalIsOpen,modalIsOpen]=useState(false);

const handleModalOpen = () =>{
  setVisible(true)
}

return(
<>
   <button onClick={handleModalOpen}>Open Modal</button>
   <Modal show={modalIsOpen} onClose={() => setVisible(false)} />
</>
}