如何在ReactJS中的输入字段onBlur事件上提交表单？

Question

我在屏幕上有多个表单。需要在onBlur事件调用时提交表单而不使用ref，因为我有多个动态表单。

Answer 1

您可以添加 onBlur 事件，访问 DOM 元素表单，然后提交“form.submit()”：

([^:]+)

或者你需要使用

const myForm = () =>
    <input onBlur={(e) => {
  // if click occurs outside of element
      if(!e.relatedTarget || (e.target.form !== e.activeTarget)) 
  //attention: your page will reload every such instant submission
        e.target.form.submit();
      }
    }} ... (other props) >
    ...
 </form>

此解决方案的详细信息在这里Here is my question