Javascript 如何通过单击react中的图像提交表单？

这是我的组件的

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}}
/>

........
........

---

提前感谢。

首先，输入被写为一个自动关闭标记，因此您需要为所有输入添加一个正斜杠；i、 e

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

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

如果您想在表单之外执行此操作，则主要需要使用。这里是另一个链接，我在其中添加了一个onClick处理程序，该处理程序从JS调用submit按钮。

---

使用带有

DangerouslySetinerHTML

的超链接而不是带有

标记作为内容的提交按钮，有什么原因吗？

svg

文件在没有

DangerouslySetinerHTML

oookay的情况下不会显示。因此，有用于加载SVG图标的模块，还有用于通过元素ID手动提交表单的JS

submit（）

函数。您是否尝试过使用onClick-on标记，另一个选项是确保按钮类型为“button”而不是“submit”。例如，type=“button”@Jayce444尚未尝试任何模块，但尝试了

submit（）

函数，并且在

onClick

上添加

此.refs.form.dispatchEvent（新事件（“submit”）

函数，在

onClickHandler

上尝试了

onClick

标记，但该功能不起作用。但是不起作用。你的第二个版本（表格外）对我来说非常有效。非常感谢你！完美的很乐意帮忙。