Отключенный ввод влияет на 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>
}

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