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="暂无可用菜单" />
      )}
...
相关推荐
自进化Agent智能体6 分钟前
Hermes 技能系统详解——安装、使用与浏览
前端
JieE2128 分钟前
前端不等人:用 Mock 接口工程让 React 应用独立起飞
前端·react.js·面试
用户3558569590213 分钟前
HTTPS到底会不会拖慢网站速度?TLS握手原理与性能优化实战
前端
王林不想说话26 分钟前
React + Ant Design 后台项目:63 个业务组件的分层实践
react.js·typescript·ant design
xywww16841 分钟前
真实后台页实测:Opus 5 看图写前端的可用边界在哪
linux·服务器·前端·数据库·人工智能·gpt
小小尚@1 小时前
AE脚本-AE Actions v1.1.8 操作动作记录器
开发语言·前端·javascript·jupyter·postman
大家的林语冰2 小时前
👍 超越 ESLint,Oxc 优先采用 TypeScript 7,Rust 和 Go 梦幻联动!
前端·javascript·typescript
不好听6133 小时前
React 记忆化三兄弟:memo、useMemo、useCallback 到底在缓存什么
react.js
樊小肆3 小时前
# 你还在等DeepSeek官方 agent Harness‌? 来试试 DeepSeeker-Code吧
前端·人工智能·后端
樊小肆3 小时前
2568 万 token 才花 2 块 2:聊聊 DeepSeeker-Code 怎么吃满上下文缓存
前端·人工智能·后端