首页 > 解决方案 > 如何显示图标并根据条件隐藏它?

问题描述

如何显示visibilty icononly if item.Sampling_Instructions> 0 ?

否则不显示visibilty icon.

import { Container, Header, Content, Accordion } from 'native-base';


const dataArray = [
      { title: 'Modeling method', content: item.Sampling_Method_Code },
      {
        title: 'Detail of containers',
        content: customTableContent,
      },
      {
        title: 'Additional guidelines',
        content: [
          [`frequency: ${item.Sampling_Frequency_Name}\n`],
          [`Laboratory: ${item.Lab_Site_Name}\n`],
          [`time: ${item.Extraction_Time}\n`],
          [`device: ${name}\n`],
          [`Instructions: ${item.Sampling_Instructions}\n`],
        ],
        icon: 'visibilty',
      },
    ];

标签: javascriptreactjsreact-native

解决方案


关于什么

icon: {item.Sampling_Instructions > 0 ? 'visibilty' : ''}

推荐阅读