Question

我对reactjs很陌生。我想在项目中使用一个名为react-bootstrap的第三方库。我通过纱线安装了它，当我想使用它的组件时，什么也没发生！例如：

import { Button } from 'react-bootstrap'
<Button variant="success">Sign In</Button>

对按钮没有影响。在元素中，我可以看到分配的类：

<button type="button" class="btn btn-success">Sign In</button>

但是按钮没有任何作用！！我该怎么办？如果您需要任何澄清，只需索取。谢谢！

Answer 1

您需要添加bootstrap.css，方法是在index.html中添加链接

<link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
      integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
      crossorigin="anonymous"
    />

或通过使用index.js / bootstrap安装yarn后导入npm文件。

import 'bootstrap/dist/css/bootstrap.min.css';

Demo

加载Reactjs Bootstrap样式

1 个答案: