javascript - 最佳实践 react-toolbox 更改默认样式

Question

我在我的反应项目中使用反应工具箱。有没有办法设置一些默认样式来覆盖 react-toolbox 中的样式？

不想更改一些颜色和填充？

谢谢你的帮助。

我可以这样做吗：

postcssPlugins: [
    cssnext({ 
      features: {
        customProperties: {
          variables: {
            'color-primary': 'var(--palette-amber-500)',
          },
        },
      },
    }),

Answer 1

解决方案是创建一个覆盖 react-toolbox 内容的 theme.js 组件

import RTInput from './input.css';
import RTTooltip from './tooltip.css'

export default {
    RTInput, RTTooltip
};

然后你需要一个主题提供者.. 我在 index.js 中做了这个

import {ThemeProvider} from 'react-css-themr';
import theme from './styles/react-toolbox-customs/theme.js';


   <ThemeProvider theme={theme}>

并包装您的内容

而已。