Ant Design Popconfirm on [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

检查用户是否已单击Enter键：-

首先，<Button onClick={(event) => this.clickHandler(event)} >Click</Button>

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

这段代码适用于每个库，因为它是普通的javascript。

Answer 2

如果您希望使用enter key执行任何操作，则需要将整个输入字段保留在表单中并提交表单。

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

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

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