Что мне нужно сделать, чтобы иметь возможность нажимать кнопки внутри тега Link реакции-маршрутизатора, не переходя к этой ссылке?

avatar
Joaquin Viretti
8 августа 2021 в 23:24
28
0
0

<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, сохраняя при этом ссылку на карточке.

Источник
Drew Reese
8 августа 2021 в 23:42
0

Можете ли вы обновить свой вопрос, включив в него минимальный, полный и воспроизводимый пример кода для всего соответствующего кода? Другими словами, мы должны видеть, что ItemCount отображает и делает с любыми кнопками. Возможно, вам просто нужно остановить всплывающее событие клика.

DBS
9 августа 2021 в 14:41
0

Возможно, вы сможете остановить распространение события клика, хотя, как правило, я бы предложил переосмыслить структуру, если это возможно, это в основном эквивалентно желанию, чтобы кнопка была завернута в якорь (что является недопустимым HTML)

Ответы (0)