单击按钮后，该功能不起作用

Question

我的按钮：

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

当我单击按钮时，该功能不起作用。问题出在哪里？

Answer 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"> &nbsp;&nbsp;&nbsp;${(this.state.lettuce*0.5).toFixed(2)}</div>
</div>