Javascript 更改默认样式的最佳实践

Javascript 更改默认样式的最佳实践,javascript,reactjs,react-redux,react-toolbox,Javascript,Reactjs,React Redux,React Toolbox,我正在我的react项目中使用react工具箱。有没有办法设置一些默认样式,以覆盖react工具箱中的样式 你不想换些颜色和填充物吗 谢谢你的帮助 我可以这样做吗: postcssPlugins: [ cssnext({ features: { customProperties: { variables: { 'color-primary': 'var(--palette-amber-500)',

我正在我的react项目中使用react工具箱。有没有办法设置一些默认样式,以覆盖react工具箱中的样式

你不想换些颜色和填充物吗

谢谢你的帮助

我可以这样做吗:

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

解决方案是创建一个theme.js组件,覆盖react工具箱的内容

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 css themr'导入{ThemeProvider};
从“/styles/customs/theme.js”导入主题;
并包装您的内容


就这样。

应该行了。有很多方法可以自定义您的组件。