Ошибка в событии onClick в react.js

Я пытаюсь использовать событие onclick, как показано ниже

<button className = "mini ui button" onClick = {this.view(item['id'])}>
   <i className = "user icon"></i>
   View
</button>

Это создает ошибку, как показано ниже

Но код ниже не создает ошибку

<button className = "mini ui button" onClick = {this.view}>
     <i className = "user icon"></i>
     View
</button>

Возможный дубликат React js onClick не может передать значение методу

— 28.04.2018 09:29

reactjs

28.04.2018 07:08

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Измените его на onClick = {() => this.view(item['id'])}, иначе функция будет выполняться немедленно во время рендеринга (вместо onClick), что вызовет повторный рендеринг, если функция изменяет состояние / свойства.

Спасибо @riwu. Я столкнулся с этой проблемой, функция запускается сразу во время рендеринга.

— 28.04.2018 07:13

Спасибо @riwu. Не могли бы вы объяснить этот код onClick = {() => this.view(item['id'])}? Я новичок в react.js

— 28.04.2018 07:15

onClick принимает функцию. Я использую стрелочную функцию ES6: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

— 28.04.2018 07:18

28.04.2018 07:10

Да, вы можете использовать функцию стрелки в качестве ответа на предварительный просмотр или вы можете использовать bind

<button className = "mini ui button" onClick = {this.view.bind(this, item['id'])}>
   <i className = "user icon"></i>
   View
</button>

Эти два способа работают.

28.04.2018 08:09

Другие вопросы по теме

Webpack 4 + реагирует на маршрутизатор, два подпути возвращают ноль

Назначение данных, возвращаемых из обещания, внешней переменной

Как установить центр, используя внешнюю широту, долготу?

React key = {row._id} не работает

Расширьте компонент Ract Pure с помощью общих типов свойств и состояний

Реакция: какова потеря производительности при вызове setState после изменения состояния непосредственно в компоненте?

Форма Redux: получение доступа к свойству meta.touched компонентов поля внутри формы JSX

Как реактивно получить предмет из наблюдаемого мобкса?

В чем разница между foo () {} и bar = () => {} в компоненте React и какие именно?

ReactJS - Реквизиты и классы

Ошибка в событии onClick в react.js

Ответы 2

Другие вопросы по теме

Похожие вопросы