有時資料可能不是來自后端。當資料沒有到來時,我不想顯示 div 。我該怎么做?
<div className="policydetailinformation__item">
<h3>{t('policy.policy-details.address')}</h3>
<p>{props.location.state.policy.information}</p>
</div>
我嘗試輸入“ngIf”并得到如下錯誤:Expected相應的JSX結束標記為“div”。
uj5u.com熱心網友回復:
設定條件,&&然后你的div
{showDiv && <div>
....
</div>
}
uj5u.com熱心網友回復:
{
const addr = t('policy.policy-details.address');
const isData = !!addr
return addr ? (
<div className="policydetailinformation__item">
<h3>{addr}</h3>
<p>{props.location.state.policy.information}</p>
</div>
) : null
}
uj5u.com熱心網友回復:
只做一個條件類
<div className={youdata===null?"hidden":"policydetailinformation__item"}>
<h3>{t('policy.policy-details.address')}</h3>
<p>{props.location.state.policy.information}</p>
</div>
給隱藏類一個顯示無屬性
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/482673.html
標籤:javascript 反应 反应式
