反应如何连接或引用按钮？

问题描述

我对如何将Enter键引用到特定按钮有疑问。 为了解释代码的设置方式，下面将对其进行解释。

所以我有一个文件名v1（父组件），在内部我还调用了其他许多组件，例如v2和v3等。

下面的表单位于v1组件上

`<form onsubmit={this.click}>`
`<v2/>` <-- This component contains a grid where user can search info with 
search button 
`<v3/>`
`<button>Submit</button`>
`</form>`

所以我想做的是当用户按下Enter键时它将引用搜索按钮 提交按钮。每当我单击回车键时，它将引用提交按钮。 我在Google上搜索并尝试使用按钮上的ref，但是它不起作用...而且我正在使用 具有反应的devextreme。

谢谢

解决方法

您可以创建一个函数来处理提交。然后，您使用阻止默认值进行提交，然后致电进行搜索。

const handleSubmit = (event) => {
  event.preventDefault();
  // add code for search
};

将此handleSubmit作为arg传递给onsubmit

`<form onsubmit={this.handleSubmit}>`
`<v2/>` <-- This component contains a grid where user can search info with 
search button 
`<v3/>`
`<button>Submit</button`>
`</form>`