Reactstrap进展不渲染

问题描述 投票:0回答:1

我试图呈现一个进度条,并使用[email protected]按钮。按钮呈现其中的进度条不会被渲染。我在想什么?同时引导版本是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>
reactjs reactstrap
1个回答
1
投票

错过了索引文件导入引导

import 'bootstrap/dist/css/bootstrap.min.css';
© www.soinside.com 2019 - 2024. All rights reserved.