我正在尝试使用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库中的所有文件。

在控制台中没有错误或奇怪的东西,奇怪的是组件没有样式...

javascript - 在React js中加载Muicss样式-LMLPHP

javascript - 在React js中加载Muicss样式-LMLPHP

最佳答案

要使用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)

关于javascript - 在React js中加载Muicss样式,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/47478466/

10-10 08:29