node.js - React 未加载 bootstrap css 文件

Question

这是我的组件

import React from 'react'; 
import 'bootstrap/dist/css/bootstrap.css';
class Test extends React.Component{
 render(){
    return(
        <div>
            <button className="btn btn-danger"> Button </button>
        </div>
    )
 }
}
export default Test;

该按钮仍然是一个普通的 html 按钮!这让我很困惑，即使在 cmd 中也没有错误。我在 ElectronJs 应用程序中使用 React。

Answer 1

将其放入 ReactDOM.render() 所在的 index.js 文件中，

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

渲染它的所有子组件都可以全局使用它。