reactjs - 为什么引导颜色类不能与 React 一起使用？

Question

我今天开始使用 React，并使用 npm install --save bootstrap
Here is my component.jsx安装了引导程序

import React, { Component } from "react";

class Counter extends Component {
  state = {
    count: 0,
  };
  render() {
    return (
      <React.Fragment>
        <span className="badge badge-warning m-1">
          {this.formatCount()}
        </span>
        <button className="btn btn-secondary btn-sm">Increment</button>
      </React.Fragment>
    );
  }
  formatCount() {
    const { count } = this.state;
    return count === 0 ? "Zero" : count;
  }
}

export default Counter;

这是 App.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import reportWebVitals from './reportWebVitals';
import 'bootstrap/dist/css/bootstrap.css';
import Counter from './components/counter'

ReactDOM.render(
  <Counter/>,
  document.getElementById('root')
);
reportWebVitals();

我的问题是 span 的颜色，即徽章警告不起作用 本地服务器的图像

标签： reactjstwitter-bootstrap

Answer 1

尝试更改badge-warning为bg-warning. 参考