چرا زمانی که کلیک میکنم هیچ چیزی لاگ نمیشه؟

پرسیده شده
فعالیت 914 روز پیش
دیده شده 372 بار
0

سلام 

در کد زیر وقتی اینتر میزنم 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>
    )
}
فایل پیوست

0
حذف شده

سلام 

مواردی که داخل اون آبجکت event هست بستگی به اینکه روی چه موردی اون هندلر رو اضافه بکنی تغییر میکن و این موردی که الان نوشتید داخل submit event  نیست برای تشخیص نوع کلید فشرده شده از event های مربوط به خودش میتونی استفاده بکنی

فایل پیوست

مجتبی سوری

توسط

مجتبی سوری

5 آبان 00