数组大于时如何触发useEffect
提问于 2021-10-01 00:55:58
仅当我的图像数组大于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
复制
相似问题
SAP HANA计算视图中列外的行(脚本/图形)
SAP HANA图形计算视图中的不同计数
SAP HANA -计算列中的计算
SAP HANA计算列异常处理
为sap hana上的表列生成散列。
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
