Javascript 更改默认样式的最佳实践
我正在我的react项目中使用react工具箱。有没有办法设置一些默认样式,以覆盖react工具箱中的样式 你不想换些颜色和填充物吗 谢谢你的帮助 我可以这样做吗: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)',
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”导入主题;
并包装您的内容
就这样。应该行了。有很多方法可以自定义您的组件。