React jsx 中寫更優雅 直觀的條件運算子

2021-09-20 08:42:50 字數 819 閱讀 8968

在這篇文字中我學到了很多知識,同時結合工作中的一些經驗也在思考一些東西。比如條件運算子

condition ? expr_if_true : expr_if_false

jsx中書寫條件語句我們經常都會使用到的就是三目運算子(?:)也叫內聯條件運算子,可能大家都有體會三目運算子並不是一種直觀的書寫方式。特別是在複雜情況下時。

拿上面文章中的**舉個

return (

text:

);

return (

text:

);

return (

);

↔️show component

↔️show component

other component

condition 1

condition 2

condition 3

}/>

default component

}/>

arrayobject

)} default component

原文發布時間為:2023年06月21日 金

k8s中更優雅的持續發布ArgoCD

argocd是一種更優雅的持續發布k8s服務的一種產品。argocd是cncf畢業專案,前途不可估量。前情介紹 gitops哲學理念 gitops可謂乙個操作模型,提供了一組最佳實踐,對於容器集群和應用的統一部署,管理和監控。所有的變更都應該落地到git倉庫,所有的執行狀態與git倉庫配置一致。比如...

如何優雅處理vue中的條件渲染

說到條件渲染,有些人會脫口而出v if v show,你是否厭倦了if else switch巢狀,是否反感大量出現的 運算子,也許你需要了解一下vue的filters 基本操作如果需要根據情況渲染不同資料,在條件允許的前提下,用filters代替v if 實用過濾器進行模板繫結 div templ...

map中value統一自增或自減的優雅寫法

2019 01 06 一種更優雅的方式 replaceall 需求 對map中的所有值統一增減 基礎版本 下面這個方式是可行的,但是看著不太優雅 public static void main string args 複製 誤用版本 merge 有 經過一番研究之後發現了一種簡單的方式,但是有個限制...