蜿蜒 ·

第二个参数可以是引用类型，使用useCallback或者useMemo包一下就可以了。像下面这么写，即使在输入框中进行输入，consoleLog也不会执行，因为consoleLog不会发生改变

function App () {
const [name, setName] = useState('');

const consoleLog = useCallback(() => {
console.log(111);
}, [])

useEffect(() => {
consoleLog();
}, [consoleLog])

return <div>
111
<input value={name} onChange={(e) => {
setName(e.target.value);
}}/>
</div>
}

cfb3d1a8de8e 评论自useEffect第二个参数不能是引用类型

蜿蜒

@_小_七_ 另外如果同时设置了强缓存与协商缓存，并且强缓存过期了，命中了协商缓存。那么有没有办法更新cache-control的max-age呢？

彻底弄懂强缓存与协商缓存

在工作中，前端代码打包之后的生成的静态资源就要发布到静态服务器上，这时候就要做对这些静态资源做一些运维配置，其中，gzip和设置缓存是必不可少的。这两项是最直接影响到网站性能...

0月

109213 35 132

蜿蜒

@_小_七_ 如果必须要刷新页面，那么设置强缓存也可以吧，只要不加immutable就好了呀

彻底弄懂强缓存与协商缓存

在工作中，前端代码打包之后的生成的静态资源就要发布到静态服务器上，这时候就要做对这些静态资源做一些运维配置，其中，gzip和设置缓存是必不可少的。这两项是最直接影响到网站性能...

0月

109213 35 132