reactjs – Semantic-UI React:如何在create-react-app项目中使用较少的变量

前端之家收集整理的这篇文章主要介绍了reactjs – Semantic-UI React:如何在create-react-app项目中使用较少的变量前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在create-react-app项目中使用Semantic-UI.我使用自定义主题使用ThemeProvider修改单个组件,这是很好的.
但是我想弄清楚如何将较少的变量修改described in the semantic-ui documentation

react semantic-ui文档没有提供太多内容.
有什么建议吗?

我的Index.js看起来大致如下:

import 'semantic-ui-css/semantic.min.css'
import { ThemeProvider } from 'styled-components'
import mainTheme from './themes/mainTheme'


ReactDOM.render(
  <ThemeProvider theme={mainTheme}>
    <App />
  </ThemeProvider>
  document.getElementById('root')
)

编辑:具体到我想要实现的目标,我想改变使用的主要字体.

查看 docs,您的主题文件夹中基本上可以有一个globals文件夹,其中包含两个可选文件:site.variables和site.overrides.我假设您可以覆盖所述site.overrides中的@font变量.

您可以看到site.variables here的示例.

原文链接:https://www.f2er.com/react/301059.html

猜你在找的React相关文章