Отключенный ввод влияет на div оболочки, а событие onClick не работает с div в браузере Firefox

Question

func() {
      console.log('this func is working');
    }
    render() {
      <div onClick={this.func()}
        <input disabled="true" />
      <div>
    }

Это реактивный проект. Мой код выглядит примерно так, как вы видите выше. Когда ввод отключен, у меня есть уведомление о реагировании на событие onClick на div, потому что вход не активен, поскольку он отключен. Но событие onClick не работает в браузерах Firefox и MS Edge. Я не знаю почему?

Answer 1

Вы оцениваете this.func(), а затем передаете результат (udnefined) в качестве обратного вызова на onClick, вызывая, таким образом, функцию undefined при нажатии и не оказывая никакого влияния.

Вместо этого вы должны передать обратный вызов вашему атрибуту onClick:

<div onClick={this.func}>

Answer 2

См. Ответ @Nino Filiu!

У вас есть ошибка в коде, просто измените на:

func() {
  console.log('this func is working');
}
render() {
  <div onClick={this.func}>
    <input disabled="true" />
  </div>
}

Надеюсь, это поможет вам!