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="暂无可用菜单" />
      )}
...
相关推荐
yinuo10 小时前
前端跨页面通讯终极指南⑥:SharedWorker 用法全解析
前端
PineappleCoder14 小时前
还在重复下载资源?HTTP 缓存让二次访问 “零请求”,用户体验翻倍
前端·性能优化
拉不动的猪14 小时前
webpack编译中为什么不建议load替换ast中节点删除consolg.log
前端·javascript·webpack
李姆斯14 小时前
Agent时代下,ToB前端的UI和交互会往哪走?
前端·agent·交互设计
源码获取_wx:Fegn089515 小时前
基于springboot + vue健身房管理系统
java·开发语言·前端·vue.js·spring boot·后端·spring
闲谈共视15 小时前
基于去中心化社交与AI智能服务的Web钱包商业开发的可行性
前端·人工智能·去中心化·区块链
CreasyChan15 小时前
C# 反射详解
开发语言·前端·windows·unity·c#·游戏开发
JIngJaneIL15 小时前
基于Java+ vue智慧医药系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
阿蒙Amon16 小时前
JavaScript学习笔记:6.表达式和运算符
javascript·笔记·学习
hashiqimiya17 小时前
两个步骤,打包war,tomcat使用war包
java·服务器·前端