我們使用 if 陳述式來根據條件執行不同的指令： if age < 18 { // 未成年 } else 部分是可選的： if age < 18 { // 未成年 } else { // 成年 } 並且可以與其他的 if 陳述式結合使用： if age < 12 { // 兒童 } else if age < 18 { // 青少年 } else { // 成年人 } 如果你在 if 內部定義任何變數，它只在 if 內部可見（同樣適用於 else 以及在任何使用 {} 開啟新區塊的地方） 如果你將有許多不同的 if 陳述式來檢查單個條件，最好使用 switch： switch age { case 0: fmt.Println("零歲") case 1: fmt....
我想在 Tailwind 中使用動態顏色，使用 JSX 中的這種語法： bg-${color}-500 但它並未應用於頁面，因為 Tailwind 在程式碼中找不到類似 bg-red-500 的文字，所以該程式碼未加入最終的 CSS 中。 因此，我改成在 switch 中列舉所有可能的顏色選項，然後生成類別： const getColorClass = (color) => { switch (color) { case 'green': return 'text-green-500' case 'blue': return 'text-blue-500' case 'red': return 'text-red-500' default: return '' } } 並在類別中使用此函數： <h1 className={`mt-10 ${getColorClass(color)}`}> ... 一個「快速」的方法是將可能需要的類別寫在註解中，像這樣： /* possible Grid values are grid-cols-1 grid-cols-2 grid-cols-3 */ <div className={`grid grid-cols-${data[0].length}`}>