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="暂无可用菜单" />
      )}
...
相关推荐
中微子1 分钟前
智能前端实践之 shot-word demo
前端
归于尽2 分钟前
智能前端小魔术,让图片开口说单词
前端·react.js
用户9873824581012 分钟前
vite 插件
前端
无数山4 分钟前
autorelease pool
前端
支撑前端荣耀5 分钟前
四、Cypress测试框架拆解
前端
杨进军5 分钟前
React 中 root.render 与 unmount 函数的流程
前端·react.js·前端框架
coding随想9 分钟前
JavaScript中的BOM:Window对象全解析
开发语言·javascript·ecmascript
難釋懷10 分钟前
TypeScript-webpack
javascript·webpack·typescript
Rockson14 分钟前
使用Ruby接入实时行情API教程
javascript·python
祝余呀26 分钟前
HTML初学者第三天
前端·html