переменная не определена no-undef в приложении React

Question

Я следовал Мошу Хамедани учебник здесь для создания реаги-приложения .

Я сделал именно то, что он сказал.

Я пытаюсь передать аргумент с именем product в функцию, которая вызывается для onClick Однако я получаю сообщение об ошибке, для которого я не нашел много информации.

Вот код:

import React, { Component } from "react";

class Counter extends Component {
  state = {
    count: 0
  };

  formatCount() {
    return this.state.count === 0 ? "Zero" : this.state.count;
  }

  handleIncrement = product => {
    console.log(product);
    this.setState({ count: this.state.count + 1 });
  };

  render() {
    return (
      <React.Fragment>
        <span className={this.formatSpan()}>{this.formatCount()}</span>
        <button
          onClick={() => this.handleIncrement(product)}
          className="btn btn-primary"
        >
          Increment
        </button>
      </React.Fragment>
    );
  }
}

export default Counter;

Вот ошибка:

Не удалось скомпилировать.

. / Src / components / counter.jsx Строка 41: 'продукт 'не определен no-undef

Найдите ключевые слова, чтобы узнать больше о каждой ошибке.

Answer 1

продукт никогда не был определен в вашем компоненте. поэтому оно не определено. вы можете объявить продукт в состоянии вашего компонента или передать продукт в качестве опоры.