React-改变当前页class默认的样式

比如antd for mobile,已经定义了默认的ui的class样式,如果想在当前页面的控件显示特殊的样式,除了指定style外,还可以强制改变默认class的样式,比如我想改变list.item的字体。

在返回渲染布局里面加上

javascript 复制代码
return (
    <>
      <style>
        {`
              a.adm-list-item div.adm-list-item-content div.adm-list-item-content-main{
                font-size:large;
              }`
        }
      </style>
      {menuItems.length > 0 ? (
        <List header="上料操作菜单">
          {menuItems.filter(item => !item.path.endsWith("ScanRecords")).map(item => (
            <List.Item
              key={item.path}
              onClick={() => handleMenuClick(item.path)}
              arrow
            >
              {item.title}
            </List.Item>
          ))}
        </List>
      ) : (
        <Empty description="暂无可用菜单" />
      )}
...
相关推荐
牧马少女3 分钟前
css 画一个圆角渐变色边框
前端·css
zy happy26 分钟前
RuoyiApp 在vuex,state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
小雨青年39 分钟前
Cursor 项目实战:AI播客策划助手(二)—— 多轮交互打磨播客文案的技术实现与实践
前端·人工智能·状态模式·交互
Nan_Shu_6141 小时前
学习:JavaScript(5)
开发语言·javascript·学习
533_1 小时前
[vue3] h函数,阻止事件冒泡
javascript·vue.js·elementui
通往曙光的路上1 小时前
day22_用户授权 头像上传
javascript·vue.js·ecmascript
小光学长1 小时前
基于Vue的儿童手工创意店管理系统as8celp7(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
前端·数据库·vue.js
meichaoWen1 小时前
【Vue】Vue框架的基础知识强化
前端·javascript·vue.js
jingling5551 小时前
Flutter | 基础环境配置和创建flutter项目
前端·flutter
mapbar_front1 小时前
如何判断一个领导值不值得追随
前端