反应如何连接或引用按钮

Question

我对如何将回车键引用到特定按钮有疑问。为了解释代码是如何设置的，我将在下面进行解释。

所以我有一个文件名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>`

所以我想做的是，当用户按下回车键时，它会引用搜索按钮提交按钮的。每次我点击回车键时，它都会引用提交按钮。我在谷歌上搜索并尝试使用按钮上的ref，但没有成功。。。此外，我正在使用使发生反应。

谢谢

Answer 1

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

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>`