Reactjs Ant Design Popconfirm[输入]是否确认?
如何使Popconfirm在[ENTER]键上执行确认操作Reactjs Ant Design Popconfirm[输入]是否确认?,reactjs,antd,Reactjs,Antd,如何使Popconfirm在[ENTER]键上执行确认操作 render() { const{deleteTask,props}=this.props const onConfirm=(e)=> { 删除任务( { id:道具。\u id, }) } 返回( 删除 ) } } 检查用户是否单击了输入键:- 首先,this.clickHandler(event)}>单击 clickHandler = (event) => { if(event.key === 'Enter'){
render()
{
const{deleteTask,props}=this.props
const onConfirm=(e)=>
{
删除任务(
{
id:道具。\u id,
})
}
返回(
删除
)
}
}
检查用户是否单击了输入
键:-首先,
this.clickHandler(event)}>单击
clickHandler = (event) => {
if(event.key === 'Enter'){
// do some stuff
}
}
这段代码适用于每个库,因为这是普通的javascript。如果要使用enter关键字执行任何操作,则需要将整个输入字段保留在表单中并提交表单
handleSubmit = ()=>{
// submit logic here
}
<form onSubmit={(e) => { e.preventDefault(); this.handleSubmit() }} >
// input fields here
<button type="submit" />
</form>
handleSubmit=()=>{
//在这里提交逻辑
}
{e.preventDefault();this.handleSubmit()}>
//此处输入字段
我希望Popconfirm ok按钮上出现这种行为,而不是按钮本身。添加了我的代码,也许这澄清了我想要什么。
handleSubmit = ()=>{
// submit logic here
}
<form onSubmit={(e) => { e.preventDefault(); this.handleSubmit() }} >
// input fields here
<button type="submit" />
</form>