Javascript 如何使用三元运算符显示图标按钮
我想通过三元运算符使ImagePath为空数组时IconButton不可见。但我只想在数组包含值时显示iconButton像这样:但是当我使用我的代码时,我在任何情况下都会看到图标按钮 如何修复我的代码 这是我的密码Javascript 如何使用三元运算符显示图标按钮,javascript,node.js,reactjs,react-native,Javascript,Node.js,Reactjs,React Native,我想通过三元运算符使ImagePath为空数组时IconButton不可见。但我只想在数组包含值时显示iconButton像这样:但是当我使用我的代码时,我在任何情况下都会看到图标按钮 如何修复我的代码 这是我的密码 {imagePaths && <IconButton iconName="cancel" onPress={onRemoveImage} /> } console.log(imagePaths
{imagePaths &&
<IconButton iconName="cancel" onPress={onRemoveImage} />
}
console.log(imagePaths);
// [] empty array
// ["SampleFile_1619356823623.jpg"] there is value in array
{imagepath&&
}
console.log(imagepath);
//[]空阵列
//[“SampleFile_1619356823623.jpg”]数组中有值
您只需使用.length
检查数组是否有数据:
{imagePaths.length > 0 &&
<IconButton iconName="cancel" onPress={onRemoveImage} />
}
{imagepath.length>0&&
}
您只需使用.length
检查数组是否有数据:
{imagePaths.length > 0 &&
<IconButton iconName="cancel" onPress={onRemoveImage} />
}
{imagepath.length>0&&
}