import { createSlice } from "@reduxjs/toolkit";
const initialState = {
value: window.innerWidth
};
const screenSizeSlice = createSlice({
name: 'screenSize',
initialState,
reducers: {
screenSizeResize: (state, actions) => {
state.value = actions.payload
},
}
})
export const {screenSizeResize } = screenSizeSlice.actions
export default screenSizeSlice.reducer
所以我有这个组件,我有这个错误:
ReferenceError:未定义窗口
如果我用typeof window !== 'undefined'
来解题,它会导致水合.我用的是nextjs
btw.
如何解决这个问题?
我试过条件渲染,但它引起了水化.