Javascript 在映射内添加条件 const AccountDetails=（{AccountDetails}）=>{ 常量tooltipContent=( {accountDetails.filter（（细节）=>detail&&Object.keys（细节）.length.map（（细节）=>( {`${detail.title}:`} {detail.formattedValue} ))} ); 返回( 描述 细节 }

如果FormattedValue为“NA”，我需要找出如何删除“propertyManagementSoftwareOther”。基本上根本不显示它。

detail.title位于图像的右侧。

---

detail.formattedValue位于图像的左侧。

您不能在地图中执行条件设置，因为它将分别显示每个行项目。您需要做的是从数组中删除不希望显示的

细节。一个简单的解决方案是在
地图之前添加另一个
过滤器
：

const AccountDetails = ({ accountDetails }) => {
    const tooltipContent = (
        <ul className="account-details-content">
            {accountDetails.filter((detail) => detail && Object.keys(detail).length).map((detail) => (
                <li key={detail.title}>
                    <span>{`${detail.title}:`}</span>
                    <span>{detail.formattedValue}</span>
                </li>
            ))}
        </ul>
    );

    return (
        <Tooltip
            content={tooltipContent}
            placement="bottom"
            portalClassName="account-details-portal"
            tooltipType="popover"
            trigger="click"
        >
            <li>
                <i className="material-icons">description</i>
                <span>Details</span>
            </li>
        </Tooltip>
}

const AccountDetails=（{AccountDetails}）=>{
常量tooltipContent=(

{帐户详细信息
.filter（detail=>detail&&Object.keys（detail.length）
.filter（detail=>detail.title==“propertyManagementSoftwareOther”？detail.value！==“NA”：true）
.map（（细节）=>(

{`${detail.title}:`}
{detail.formattedValue}

))}

);
返回(

描述
细节

}
欢迎来到StackOverflow skphi13！很难从您的问题中的代码中找出您要问的问题。您是否认为您可以包含所有相关代码、格式化并详细说明您的问题？您可以解释您的方式而不是只显示您的代码吗？我们无法找到您的代码，但无论如何，您可以使用
过滤器来Js中的数组可以解决您的问题。
const AccountDetails = ({ accountDetails }) => {
  const tooltipContent = (
    <ul className="account-details-content">
      {accountDetails
        .filter( detail => detail && Object.keys(detail).length)
        .filter( detail => detail.title === 'propertyManagementSoftwareOther' ? detail.value !== 'NA' : true )
        .map((detail) => (
          <li key={detail.title}>
            <span>{`${detail.title}:`}</span>
            <span>{detail.formattedValue}</span>
          </li>
      ))}
    </ul>
  );

  return (
    <Tooltip
      content={tooltipContent}
      placement="bottom"
      portalClassName="account-details-portal"
      tooltipType="popover"
      trigger="click"
    >
      <li>
        <i className="material-icons">description</i>
        <span>Details</span>
      </li>
    </Tooltip>
}