Ant Design Popconfirm подтвердить на [ENTER]?

Question

Как заставить Popconfirm выполнить действие подтверждения с помощью клавиши [ENTER]?

render() 
{
    const { deleteTask, props } = this.props


    const onConfirm = (e) => 
    {
      deleteTask(
      {
        id: props._id,
      })
    }

    return (
      <Popconfirm placement="topRight" title="Delete row?" onConfirm={onConfirm} okText="Yes" cancelText="No">
        <Button type="default">
          Delete
        </Button>
      </Popconfirm>
    )
  }
}

Answer 1

Если вам нужно выполнить какое-либо действие, используя ключевое слово для этого, вам нужно сохранить все поля ввода в форме и отправить форму.

handleSubmit = ()=>{
 // submit logic here
}

<form onSubmit={(e) => { e.preventDefault(); this.handleSubmit() }} >

 // input fields here
 <button type="submit" />
   </form>

Answer 2

Чтобы проверить, нажал ли пользователь клавишу Enter: -
Во-первых, <Button onClick={(event) => this.clickHandler(event)} >Click</Button>

clickHandler = (event) => {
  if(event.key === 'Enter'){
    // do some stuff
  }
}

Этот код работает с каждой библиотекой, так как это ванильный JavaScript.