javascript - 如何通过点击 react 中的图像来提交表单？

Question

这是我的组件的 return() 内部的 html。只是一个简单的形式和图像。我想通过单击图像来提交表格。我怎样才能做到呢？

 <form action="some url" method="post">
    <input type="hidden" name="first_name" value="first_name">
    <input type="hidden" name="last_name" value="last_name">
    ........
    ........
    <input type="submit" name="submit">
 </form>

<a
  className="payment-method"
  dangerouslySetInnerHTML={{__html: svgIcon}}
/>

提前致谢。

Answer 1

首先，input被写成自闭合标签，所以需要为所有input添加正斜杠；即

<input type="submit" name="submit"/>

您需要的是将您的 svg 包装在提交按钮内，并且您的 svg 必须是表单的一部分。 这是一个 CodePen example

如果您想在表单之外执行此操作，则主要需要使用 Javascript 。这是另一个链接，我在其中添加了一个 onClick 处理程序，用于从 JS 调用提交按钮。 https://codepen.io/anon/pen/GymVvj