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

Question

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

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

感谢您的帮助。

我可以用这样的东西来做吗：

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

Answer 1

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

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}>

并包装您的内容

就是这样。

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

best practise react-toolbox changing default styles

javascript

reactjs

react-redux

react-toolbox