Блог

Главная - Вопросы по программированию - Функция не работает, когда я нажимаю кнопку

Функция не работает, когда я нажимаю кнопку

#javascript #reactjs

#javascript #reactjs

Вопрос:

Мои кнопки:

 <div className="ingrBtns">
    <button className="ingrBtn" 
            onClick={() => addRemoveIngredient('add','lettuce')}>
             
    </button>
    <button className="ingrBtn" 
            onClick={() => addRemoveIngredient('remove','lettuce')}>
            -
    </button>
    <div className="price"> 
         amp;nbsp;amp;nbsp;amp;nbsp;${(state.lettuce*0.5).toFixed(2)}
    </div>
</div>

Функция не работает, когда я нажимаю кнопку. В чем проблема?

Комментарии:

1. Вы пытались добавить тип кнопки =»кнопка»?

Ответ №1:

Вы должны использовать ключевое слово «this»

 <div className="ingrBtns">
    <button className="ingrBtn" onClick={() => this.addRemoveIngredient('add','lettuce')}> </button>
    <button className="ingrBtn" onClick={() => this.addRemoveIngredient('remove','lettuce')}>-</button>
    <div className="fiyat"> amp;nbsp;amp;nbsp;amp;nbsp;${(this.state.lettuce*0.5).toFixed(2)}</div>
</div>