реакция- bootstrap <Button>не работает должным образом

Question

Так что недавно я решил попробовать использовать библиотеку реагировать bootstrap, чтобы сделать мой код более простым, но по какой-то причине тег работает неправильно.

У меня есть этот код со всеми операциями импорта в моем индексе. js файл и импорт таблицы стилей в моем индексе. html

<Button variant="primary">Hello</Button>

Это то, что я использовал для создания кнопки

Я просто не понимаю, почему он не использует вариант, и когда я удаляю тег варианта, он выглядит так же.

Answer 1

По умолчанию добавлен класс btn btn-default, вам нужно переопределить этот класс с помощью className="btn-primary". Это исправит вашу проблему

   <Button variant="primary" className="btn-primary">Primary</Button>

Answer 2

Ваш <Button> больше похож на variant="outline-primary", когда вы только что прошли <Button variant="primary">Hello</Button> нормальный первичный. Возможно, проблема с кешем в браузере для отображения кнопки в правильном формате. Я предлагаю вам попробовать один и тот же код в инкогнито или приватном окне. Также вы должны проверить совместимость браузера с опцией Button Variant.

Я также видел, что создание тега Button внутри <ButtonToolbar> дает ему другой стиль. Вы тоже можете попробовать это.