Reactjs 错误:[ThemeProvider]请将主题道具设置为普通对象
你好,我试图使用情感这个主题,但我遇到了这个错误,我无法解决 代码: 我的主题: 黑暗: 灯光:Reactjs 错误:[ThemeProvider]请将主题道具设置为普通对象,reactjs,emotion,Reactjs,Emotion,你好,我试图使用情感这个主题,但我遇到了这个错误,我无法解决 代码: 我的主题: 黑暗: 灯光: export default { type: 'light', colors: { primary: '#3772FF', secondary: '#DF2935', background: '#f5f5f5', text: '#333', }, }; 我不知道如何解决这个问题我基本上是将我的主题保存在本地存储中,以便能够保存我的首选项您遇到了什么错
export default {
type: 'light',
colors: {
primary: '#3772FF',
secondary: '#DF2935',
background: '#f5f5f5',
text: '#333',
},
};
我不知道如何解决这个问题我基本上是将我的主题保存在本地存储中,以便能够保存我的首选项您遇到了什么错误?[ThemeProvider]请将您的主题道具设置为普通对象我会说,首先确保正确导入主题,它是一个真实的对象吗?是的,我正确地导入了主题,我在问题中发布了它们。如果你能在其中添加一个小的可复制的示例代码,那会有所帮助
function usePersistedState(key, initialState) {
const [state, setState] = useState(() => {
const storageValue = localStorage.getItem(key);
if (storageValue) {
return JSON.parse(storageValue);
} else {
return initialState;
}
});
useEffect(() => {
localStorage.setItem(key, JSON.stringify(state.type));
}, [key, state]);
return [state, setState];
}
export default {
type: 'dark',
colors: {
primary: '#222',
secondary: '#DF2935',
background: '#333',
text: '#fff',
},
};
export default {
type: 'light',
colors: {
primary: '#3772FF',
secondary: '#DF2935',
background: '#f5f5f5',
text: '#333',
},
};