javascript - 在 React js 中加载 Muicss 样式

Question

我正在尝试使用 Muicss 设置一个应用程序，以便在 React js 应用程序中设置我的组件的样式。

下面是一个非常简单的示例的代码，但是当我转到浏览器时，按钮中没有样式，我不知道我是否遗漏了什么，我之前使用过 Material Design，但我没有遇到任何问题.

import React from 'react';
import Button from 'muicss/lib/react/button';

export default class Example extends React.Component {
  render() {
    return (
      <div>
          <Button variant="raised" color="danger">button</Button>
      </div>
    );
  }
}

如果我遗漏了什么，有人可以帮我找到吗，我使用 NPM 安装了库，在我的 node_modules 文件夹中，我可以看到 Muicss 库中的所有文件。

在console里面没有error或者奇怪的东西，奇怪的是组件没有样式...

Answer 1

要使用 MUI React，您必须在 HTML 负载中包含 MUI CSS 文件。它可以编译到您应用的 CSS 中或从 CDN 添加:

<link href="//cdn.muicss.com/mui-0.9.30/css/mui.min.css" rel="stylesheet" type="text/css" media="screen" />

(来源:MUICSS documentation)