大家好,我是奶綠茶 為了要優化 React render,有時會在 useState 初始化時就判斷值。 const [device, setDevice] = React.useState(()=> {
return window.innerWidth < 768 ? 'mobile' : 'desktop';
}); React.useEffect(()=> {
const resizeHandler = () => {
setDevice(window.innerWidth < 768 ? 'mobile' : 'desktop');
}
resizeHandler();
window.addEventListener('resize', resizeHandler);
return () => {
window.removeEventListener('resize', resizeHandler);
}
}, []);