React- bootstrap есть ли способ переключать одну кнопку на группу? - PullRequest
Новая
       4

React- bootstrap есть ли способ переключать одну кнопку на группу?

0 голосов
/ 04 февраля 2020

В настоящее время я использую response- bootstrap, чтобы создать форму для пользователей, чтобы добавить товар в корзину. Вот как это выглядит, когда я нажал на 240 долларов:

https://i.stack.imgur.com/0PHWZ.png

Но когда я нажимаю «Печать дома» или «Электронная почта», 240 долларов -toggles. Я могу переключать только одну кнопку за раз. Есть ли способ отделить это так, чтобы я мог переключать только одну кнопку на группу? Мой js код: 

<ListGroup id="gift" horizontal>
     <ListGroup.Item action variant="light" className="slider">$60</ListGroup.Item>
     <ListGroup.Item action variant="light" className="slider">$100</ListGroup.Item>
     <ListGroup.Item action variant="light" className="slider">$240</ListGroup.Item>
     <ListGroup.Item action variant="light" className="slider">Enter Amount!</ListGroup.Item>
</ListGroup>
     <span className="gift-text">$120 is our most popular option</span>
     <span className="bold-gift-text">GIFT DELIVERY</span>
<ListGroup id="gift-delivery" horizontal>
     <ListGroup.Item action variant="light" className="slider-delivery-2">PRINT AT HOME</ListGroup.Item>
     <ListGroup.Item action variant="light" className="slider-delivery-2">EMAIL TO RECIPIENT</ListGroup.Item>
</ListGroup>

И единственное, что я изменил с помощью своего кода css, - это настройка стиля. Независимо от того, пожалуйста, дайте мне знать, если вы хотите увидеть код для этого. (это грязно D :) Большое спасибо.

...