自定义CardActionArea悬停效果

Question

我正在尝试为我当前正在使用的React应用程序中的一个组件自定义material-ui的CardActionArea悬停效果，但是我似乎找不到足够清晰的文档来了解需要样式。

我已经尝试使用“ classes”道具注入一些内联样式，但是我看不到任何效果。

如何在我的（基于类）组件中以一种简洁的方式实现它？

Answer 1

直接从Material UI文档中获取：

;with cte as
(
  select * from (
    select case when id1 in ('7','4') then 'id1'
                when id2 in ('7','4') then 'id2'
                when id3 in ('7','4') then 'id3'
                when id4 in ('7','4') then 'id4'
            end as id_name,
            case when id1 in ('7','4') then id1
                when id2 in ('7','4') then id2
                when id3 in ('7','4') then id3
                when id4 in ('7','4') then id4
            end as id_column,
            name
    from @mtest
  ) a where id_column is not null
)

select id_column, id_name,
       (select name + ',' from cte where id_column = c.id_column and id_name = c.id_name for xml path(''))
from cte c
group by id_column, id_name

链接：https://material-ui.com/styles/basics/