亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在三元運算中使用react JSX和HTML,無法使其正確顯示

在三元運算中使用react JSX和HTML,無法使其正確顯示

至尊寶的傳說 2023-07-29 15:36:55
變量 twitter_username 解析為用戶名或 null。 {{twitter_username}?<p>@{twitter_username}</p>:null}我希望如果有用戶名則顯示@username,如果值為空則根本不顯示任何內容。如果有用戶名,它會顯示正常,但如果返回為空,我會得到一個 @ 而不是什么都沒有。 {{twitter_username}?<p>{twitter_username}</p>:null}如果有用戶名,則此代碼返回用戶名;如果沒有,則此代碼為空。
查看完整描述

1 回答

?
一只斗牛犬

TA貢獻1784條經驗 獲得超2個贊

一個很好又簡單的方法{ twitter_username && (<p>@{twitter_username}</p>) }

這里,僅當第一部分 (twitter_username) 已定義時,三元運算符的左側部分才會繼續向右。右邊部分是return語句,返回jsx


查看完整回答
反對 回復 2023-07-29
  • 1 回答
  • 0 關注
  • 130 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號