Reactstrap 进度未呈现

Question

我正在尝试使用 reactstrap@7.1.0 呈现进度条和按钮。按钮呈现在进度条未呈现的位置。我错过了什么？另外 bootstrap 版本是 4.2.1.

import React from 'react';
import { Progress,Button } from 'reactstrap';

const Home = (props) => {
  return (
    <div>
    <Button color="danger">Danger!</Button>
    <div className="text-center">25%</div>
    <Progress value="25" />
    here i am 


  </div>
  );
};

export default Home;

呈现以下HTML代码

<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
</div>
</div>

Answer 1

错过了在索引文件中导入 bootstrap

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

Reactstrap 进度未呈现

Reactstrap Progress not rendering

reactjs

reactstrap