Mesusjk
4 سال پیش توسط Mesusjk مطرح شد
1 پاسخ

keyCode در reactjs

سلام دوستان. من یه function و یه کامپوننت به اسم Header که هردو در App.js قرار دارن، دارم. میخوام این function به صورت prop، به Header منتقل بشه. به این صورت:

  addTodo(e) {
    if (e.keyCode == 13) { alert("Enter") }
  }

        <Header submit={this.addTodo.bind(this)} />

حالا توی کامپوننت Header، یه input و یه function به نام formHandler دارم که توی این تابع، props.submit قرار داره.
یه event بنام onKeyDown برای این input تعریف کردم که هرموقع اجرا شد، alert("Enter") که توی App.js تعریفش کردم، نمایش داده بشه. اما ارور Cannot read property 'keyCode' of undefined رو بر میگردونه. مشکل از کجاست؟ این هم کدهای کامپوننت Header:

    let formHandler = () => {
        props.submit();
    }

        <input
          type="text"
          onKeyDown={formHandler}
        />

ثبت پرسش جدید
سینا شاه‌اویسی
تخصص : برنامه نویس فرانت اند
@sinashahoveisi 4 سال پیش مطرح شد
2

توی تابع formHandler باید e رو پاس بدید

formHandler = (e) => {
        this.props.submit(e);
    }

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام