如何在 ReactJS 中获取回车键？

在 ReactJS 中，我们可以使用 onKeyDown 事件来监听按键事件，包括回车键。以下是实现步骤：

1. 在组件中定义 onKeyDown 方法

class MyComponent extends React.Component {
  onKeyDown = (event) => {
    if (event.keyCode === 13) {
      console.log('Enter key pressed');
    }
  }

  render() {
    return (
      <input onKeyDown={this.onKeyDown} />
    );
  }
}

上述代码中，定义了一个名为 onKeyDown 的方法，它使用了箭头函数的语法，确保在运行时绑定了 this。在该方法中，我们使用 event.keyCode 属性来检查按下的键是否是回车键，如果是，打印一个消息到控制台。

2. 将 onKeyDown 绑定到 input 元素

在 render 方法中，我们将 onKeyDown 绑定到 input 元素的 onKeyDown 属性上，以便监听按键事件。代码如下：

<input onKeyDown={this.onKeyDown} />

完整代码

class MyComponent extends React.Component {
  onKeyDown = (event) => {
    if (event.keyCode === 13) {
      console.log('Enter key pressed');
    }
  }

  render() {
    return (
      <input onKeyDown={this.onKeyDown} />
    );
  }
}

以上是在 ReactJS 中获取回车键的简单方法。你也可以将 onKeyDown 绑定到其他元素上，如 div 或 textarea。