Компонент MaterialUI не работает для компонента реагирования

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, просто введите имя компонента для импорта любого компонента. Как ниже заявление о импорте в материале документа.

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