material-ui的官方示例css都是用`makeStyles`创建的，用在`function`组件上。
但是如果我用的是`class`组件该怎么用呢？答案是用不了。
`makeStyles`只能用在`function`组件上，要在`class`组件上使用需要用`withStyles`。
用法如下：
```js
import React, { Component } from 'react';
import { withStyles } from '@material-ui/core/styles';
import Button from '@material-ui/core/Button';
const styles = {
root: {
...
发布日期：
2020-01-03
分类：
前端
浏览量：
4628
最近看到那种带箭头的提示框，忽然想看一下到底什么原理，也就去网上搜了一下，现在总结一下实现方法。大概也就三种方法。第一种方法就是纯粹的利用div的边框图中A和B，C和D分别是一对实现向右和向左箭头的前后图。看图A：<div class="arrow-right-a"></div>CSS:.arrow-right-a {
width: 0;
height: 0;
border-left: 20px solid #ccc;
border-top: 10px solid #000;
border-bottom: 10px solid #000;
border-right: 10px solid #ccc;
}把div的高和宽都...