反应 bootstrap 按钮突然不起作用？

Question

我正在尝试使用 bootstrap 5 学习 reactjs，所以我正在尝试这段代码，但是当我运行 npm start 时它会显示一个空白屏幕。这在我使用 github 页面部署应用程序后开始发生。昨天还是正常的。我正在使用 windows 10.

这是我的代码

App.js

import { Button } from "bootstrap";

const App = () => {
  return (
    <>
      <h1>Hello World</h1>
      <Button variant="primary">button</Button>
    </>
  );
};

export default App;

我已经在 index.html 中添加了 bootstrap css 文件并且我已经有了 bootstrap 5.1.3 和 react-bootstrap 2.2 .1 在 package.json..

非常感谢任何帮助

Answer 1

import { Button } from 'react-bootstrap';
import Button from 'react-bootstrap/Button';

其中任何一个都应该有效。

反应 bootstrap 按钮突然不起作用？

react bootstrap button suddenly not working?

reactjs

react-bootstrap