React Synthetic Event：如果按下 Enter 键，如何捕获？ [复制]

Question

为什么下面传递的事件保留'event.target'值而不保留'event.code'？

import React, { useState, useEffect } from 'react';
import moment from 'moment';
import { subscribeToTimer } from './api';
import './App.css';

function App() {
  function getInput(e) {
    console.log(e.target);
    console.log(e.code);
  }

  return (
    <>
      <p>Hello World!</p>
      <input type="text" name="message" className="message" placeholder="Type here..." onKeyUp={(e) => getInput(e)} />
    </>
  );
}

export default App;

我们如何在 React 中捕获为输入元素按下的“Enter”键？！

Answer 1

event 没有 code 键。

您可以使用event.key === 'Enter'或event.keyCode === 13检查按下的键是否为Enter。