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

Question

我在create-react-app项目中使用Semantic-UI.我使用自定义主题使用ThemeProvider修改单个组件,这是很好的.但是,我试图弄清楚如何修改较少的变量,如semantic-ui文档中所述

该反应语义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')
)

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

Answer 1

我发现这个教程使用 Sematnic UI 和 CRA 来使用自定义主题，它完美地概述了这个过程。这是一个安静的漫长过程，所以我将只留下链接。

以下是本教程的 Github 存储库的链接。