Javascript 单击链接时响应模态调用

Javascript 单击链接时响应模态调用,javascript,reactjs,hyperlink,react-router-dom,react-modal,Javascript,Reactjs,Hyperlink,React Router Dom,React Modal,使用时,需要通过锚定标记或react-router-dom链接在单击超链接时显示模式 示例:单击“注册”超链接,注册表单模式应打开 handleClick() =>{ <ReactModal/> } <table> <tr> <td> <a href='' onclick='handleClick()'>check</> </td> </tr> </table> handleCl

使用时,需要通过锚定标记或react-router-dom链接在单击超链接时显示模式

示例:单击“注册”超链接,注册表单模式应打开

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

有办法吗?

您可以为链接定义
onClick
事件处理程序。在处理程序上,您可以使用
preventDefault
停止导航到链接的url。请检查下面的示例

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


...

@Samathingamajig我是frontend的新手&在线反应和搜索,在将问题发布到此处之前检查了其他资料以解决问题,但找不到解决方案。knly do remove downvote你不能有一个名为
function()
的函数,这是我面临的示例大纲,更改了它