React Material UI 库排版中的变体与组件之间有什么区别

React Material UI 是一个基于 React 的 UI 组件库，它提供了一系列现成的组件和变体，用于构建美观、灵活、可定制的用户界面。在使用 React Material UI 库排版时，变体和组件是两个不同的概念，它们在功能和使用方式上有一些区别。

jsx
import React from 'react';
import Button from '@material-ui/core/Button';
const App = () => {
  return (
    
      
        Contained Button
      
      
        Outlined Button
      
      
        Text Button
      
    
  );
}
export default App;

jsx
import React from 'react';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar';
import Typography from '@material-ui/core/Typography';
const App = () => {
  return (
    
      
        
          
            My App
          
        
      
    
  );
}
export default App;