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="暂无可用菜单" />
      )}
...
相关推荐
玲小珑2 分钟前
Next.js 教程系列(十)getStaticPaths 与动态路由的静态生成
前端·next.js
天天鸭8 分钟前
写个vite插件自动处理系统权限,降低99%重复工作
前端·javascript·vite
蓝婷儿13 分钟前
每天一个前端小知识 Day 23 - PWA 渐进式 Web 应用开发
前端
无奈何杨22 分钟前
CoolGuard风控中新增移动距离和移动速度指标
前端·后端
恋猫de小郭29 分钟前
Google I/O Extended :2025 Flutter 的现状与未来
android·前端·flutter
江城开朗的豌豆33 分钟前
Vue-router方法大全:让页面跳转随心所欲!
前端·javascript·vue.js
程序员爱钓鱼43 分钟前
Go语言泛型-泛型约束与实践
前端·后端·go
前端小巷子1 小时前
web从输入网址到页面加载完成
前端·面试·浏览器
江城开朗的豌豆1 小时前
Vue路由动态生成秘籍:让你的链接'活'起来!
前端·javascript·vue.js
晓得迷路了1 小时前
栗子前端技术周刊第 88 期 - Apache ECharts 6.0 beta、Deno 2.4、Astro 5.11...
前端·javascript·echarts