数组大于时如何触发useEffect
仅当我的图像数组大于0时，我才尝试触发useEffect。但是在控制台中，我注意到它被触发了两次，当它是0的时候，并且大于0。
import { useSelector, useDispatch } from 'react-redux';
import { myModules } from '#/redux/modules';
const Component = () => {
const images = useSelector(getImages)
const dispatch = useDispatch();
useEffect( () => {
dispatch(myModules.actions.setMaskVisible(true));
}, [images.length > 0, dispatch]);
}如何使此useEffect仅在图像数组大于0的情况下工作？
回答 2
Stack Overflow用户
回答已采纳
发布于 2021-10-01 01:02:11
这应该可以解决这个问题：
import { useSelector, useDispatch } from 'react-redux';
import { myModules } from '#/redux/modules';
const Component = () => {
const images = useSelector(getImages)
const dispatch = useDispatch();
useEffect( () => {
if (images.length > 0) {
dispatch(myModules.actions.setMaskVisible(true));
}
}, [images, dispatch]);
}Stack Overflow用户
发布于 2021-10-01 01:00:06
这两种方法应该都行得通
import { useSelector, useDispatch } from 'react-redux';
import { myModules } from '#/redux/modules';
const Component = () => {
const images = useSelector(getImages)
const dispatch = useDispatch();
useEffect( () => {
if (images.length > 0) {
dispatch(myModules.actions.setMaskVisible(true));
}
}, [images, dispatch]);
}
import { useSelector, useDispatch } from 'react-redux';
import { myModules } from '#/redux/modules';
const Component = () => {
const images = useSelector(getImages);
const [triggerEffect, setTriggerEffect] = useState(false);
const dispatch = useDispatch();
if (images.length > 0) setTriggerEffect(!triggerEffect);
useEffect( () => {
dispatch(myModules.actions.setMaskVisible(true));
}, [triggerEffect, dispatch]);
}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69403182
复制
相似问题
如何在聊天机器人中返回多个响应？
简单聊天机器人中的错误
聊天机器人中的结束会话
聊天机器人中的空响应和交叉会话问题
在lex聊天机器人中呈现html
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
