css - 为什么在我导入 React Bootstrap 后，我之前的按钮设计不起作用？

Question

在我之前的按钮设计之后import 'bootstrap/dist/css/bootstrap.min.css';，App.js颜色和大小都无法正常工作。
我为按钮设计创建了一个button.js和button.css。
并用于import { Button } from './Button';链接它。
我正在使用{button && <Button buttonStyle='btn--outline'>register</Button>}按钮

标签： cssreactjsreact-bootstrap

Answer 1

如果你的组件叫 Button，而 react-bootstrap 组件也叫 Button，那就有冲突了。

更改组件的名称（例如 CustomButton）

检查此页面和我的演示：如何在 React 应用程序中为不同页面使用自定义按钮和引导按钮？