如何在React.js中以编程方式获取“单击”的空链接?

时间:2019-12-25 05:14:21

标签: html css reactjs react-navigation

我不确定这是否正是我所需要的,所以我将解释我的情况 我正在使用CSS通过使用:target状态正确设置其可见性和不透明度来显示弹出窗口。 在弹出窗口中,我有一个X,单击该X时会设置一个新的空目标,这将关闭弹出窗口,因为它不再是目标。 这是我的X链接:

  <a href="#" className="project-form__close">
    ✖
  </a>

我的问题是-弹出窗口实际上是一个表单,我希望表单提交后自动关闭,而无需用户实际单击任何东西。 我怎样才能做到这一点?我实际上并没有在任何地方导航。

1 个答案:

答案 0 :(得分:2)

两个选择:

  1. 调用链接上的.click()方法以模拟点击
  2. 只需执行window.location.hash = '';即可直接执行相同的效果