سلام
در کد زیر وقتی اینتر میزنم event لاگ میشه ولی لاگ نمیشه.
حتی شرط هم این گذاشتم
event.keyCode === "Enter"
ولی مشکل برطرف نشد.
/* eslint-disable no-script-url */
import React, { useState, useContext } from 'react'
import InputTodoContext from '../Component/Contexts/InputTodoContext'
export default function FormInput() {
const [input, setInput] = useState({});
const { InputTodo: HandleNewTodo } = useContext(InputTodoContext);
const HandleInputTodo = (event: any) => {
setInput({ input: event.target.value });
}
const handleSubmit = (event: any) => {
event.preventDefault();
console.log(event)
if (event.keyCode === 13) {
console.log('OK')
HandleNewTodo(input);
setInput({ input: '' });
}
}
return (
<div>
<form action="javascript:void(0);" onSubmit={(event) => { handleSubmit(event) }}>
<input type="text" className="form-control add-task" onChange={(event) => { HandleInputTodo(event) }} placeholder="New Task..." />
</form>
</div>
)
}