<Link to={`/item/${p.id}`} style={{ textDecoration: 'none' }}>
<div className="itemContainer">
<div className="itemContainer__image" style={{ backgroundImage: `url(${p.pictureUrl})`}}></div>
<div className="itemContainer__info">
<span className="item__price">{formatMoney(p.price)}</span>
<h2 className="item__name">{p.title}</h2>
<ItemCount initial={1} stock={5} onAdd={onAdd} />
</div>
</div>
</Link>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
Я хотел бы иметь возможность нажимать кнопки внутри компонента ItemCount, сохраняя при этом ссылку на карточке.
Можете ли вы обновить свой вопрос, включив в него минимальный, полный и воспроизводимый пример кода для всего соответствующего кода? Другими словами, мы должны видеть, что
ItemCount
отображает и делает с любыми кнопками. Возможно, вам просто нужно остановить всплывающее событие клика.Возможно, вы сможете остановить распространение события клика, хотя, как правило, я бы предложил переосмыслить структуру, если это возможно, это в основном эквивалентно желанию, чтобы кнопка была завернута в якорь (что является недопустимым HTML)