为什么在我导入 React Bootstrap 之后我之前的按钮设计不起作用？
Why after i import React Bootstrap my previous button design not work?
在我 import 'bootstrap/dist/css/bootstrap.min.css'; 在 App.js 之后，我之前的按钮设计在颜色和尺寸方面效果不佳。
我为按钮设计创建了 button.js 和 button.css。
并使用 import { Button } from './Button'; 到 link 它。
我正在使用 {button && <Button buttonStyle='btn--outline'>register</Button>} 来使用按钮
如果你的组件叫Button，而react-bootstrap组件也叫Button，那就有冲突了。
更改组件的名称（例如 CustomButton）
查看此页面和我的演示：
在我 import 'bootstrap/dist/css/bootstrap.min.css'; 在 App.js 之后，我之前的按钮设计在颜色和尺寸方面效果不佳。
我为按钮设计创建了 button.js 和 button.css。
并使用 import { Button } from './Button'; 到 link 它。
我正在使用 {button && <Button buttonStyle='btn--outline'>register</Button>} 来使用按钮
如果你的组件叫Button，而react-bootstrap组件也叫Button，那就有冲突了。
更改组件的名称（例如 CustomButton）
查看此页面和我的演示：