MaterialUI 组件不适用于 react 组件

Question

我正在尝试在我的反应应用程序中使用 MUI 现成的组件， 我正确导入了所有内容，毕竟当我运行应用程序时，浏览器中显示的元素是唯一的元素，而不是它的样式。

import React, { Component } from 'react';
import Button from '../node_modules/muicss/lib/react/button';
class App extends Component {
render() {
return (
<div>
<div>
<Button size="small" color="primary">button</Button>
<Button size="small" color="primary" variant="flat">button</Button>
<Button size="small" color="primary" variant="raised">button</Button>
<Button size="small" color="primary" variant="fab">+</Button>
</div>
<div>
<Button color="primary">button</Button>
<Button color="primary" variant="flat">button</Button>
<Button color="primary" variant="raised">button</Button>
<Button color="primary" variant="fab">+</Button>
</div>
<div>
<Button size="large" color="primary">button</Button>
<Button size="large" color="primary" variant="flat">button</Button>
<Button size="large" color="primary" variant="raised">button</Button>
<Button size="large" color="primary" variant="fab">+</Button>
</div>
</div>
);
}
}
export default App;

Answer 1

您无需为 node_modules 设置确切的路径，只需键入用于导入任何组件的组件名称即可。 就像下面材料 ui 文档中的导入语句一样。

import Button from '@material-ui/core/Button';