React 如何连接或引用按钮？答案

【问题标题】：React how to connect or reference the button?React 如何连接或引用按钮？
【发布时间】：2020-08-31 23:17:28
【问题描述】：

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

所以我有一个文件名 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 但它不起作用......我也在使用 devextreme 与反应。

谢谢

【问题讨论】：

标签： javascript html css reactjs devextreme

【解决方案1】：

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

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

将此句柄提交作为参数传递给 onsubmit

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

【讨论】：