我有一個小問題，但我不知道如何執行它以及如何找到其他相關帖子。基本上我只想在有的時候顯示 instagram 部分{d.socials2}，否則我想跳過它：
<div id='row'>
{props.data
? props.data.map((d, i) => (
<div key={`${d.name}-${i}`} className='col-md-3 col-sm-6 team'>
<div className='thumbnail'>
{' '}
<img src={d.img} alt='...' className='team-img' />
<div className='caption'>
<h4>{d.name}</h4>
<p>{d.job}</p>
<p>Twitter:<a href={`https://twitter.com/${d.socials1}`}>{d.socials1}</a></p>
{d.socials2.length > 0 &&
<p>Instagram:<a href={`https://www.instagram.com/${d.socials2}`}>{d.socials2}</a></p>
}
</div>
</div>
</div>
))
: 'loading'}
</div>
我怎樣才能做到這一點 ？
uj5u.com熱心網友回復：
你可以這樣做：
{
!!d.socials2 && (
<p>
Instagram:
<a href={`https://www.instagram.com/${d.socials2}`}>{d.socials2}</a>
</p>
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/386196.html