链接点击时的反应模式调用

Question

使用react-modal，我需要通过锚标记或react-router-dom链接单击超链接时显示模式。

示例：单击注册超链接，注册表模式应打开。

handleClick() =>{
 <ReactModal/>
}
<table>
<tr>
<td>
<a href='' onclick='handleClick()'>check</>
</td>
</tr>
</table>

有办法做到吗？

Answer 1

您可以为链接定义

onClick

事件处理程序。在处理程序上，您可以使用

preventDefault

停止导航到链接的 URL。请检查以下示例。

const [modalVisible, setModalVisible] = useState(false);

<a
  href="https://github.com"
  onClick={(event) => {
    event.preventDefault();
    setModalVisible(true);
  }}
>
  Github
</a>

<Modal
  isOpen={modalVisible}
>
  ...
</Modal>