راکت

keyCode در reactjs

1 پاسخ

سلام دوستان. من یه 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}
        />
Mesusjk
Mesusjk
@Mesusjk
ثبت پرسش جدید

پاسخ‌ها

1
سینا شاه‌اویسی
سینا شاه‌اویسی
@sinashahoveisi

تخصص: برنامه نویس

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

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

شاید پاسخ شما همین‌جا باشد

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

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