Javascript 如何使用三元运算符显示图标按钮

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

我想通过三元运算符使ImagePath为空数组时IconButton不可见。但我只想在数组包含值时显示iconButton​​像这样:但是当我使用我的代码时,我在任何情况下都会看到图标按钮

如何修复我的代码

这是我的密码

    {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&&
}