關於 Component 可理解為程式中彼此獨立、可重組、拆分、複用的一種積木單元 每個 Component 皆能完整描述自身長相(UI)和邏輯(JS) React 的 Component 可視為自...
當我們拿到一個現有的 Web Component 時 , 如果直接在 Vue 專案中使用會抱錯 今天來解決這個 issue 吧 ! 利用 vue-cli 建立一個新專案 $ vue create...
這邊先預祝大家中秋節快樂連假比較忙的關係今天就挑個簡單的主題來寫 kotlin對於null的處理相當嚴格,寫法上必須加上? 在宣告時 var name: String 會跳出error: var n...
我們繼續透過 LeetCode #66 Plus One 來實際感受解決問題的過程 ( 題目連結 ) 一、理解題目 輸入:一個正整數組成,且從大到小排序好的陣列 第一個數字不會是 0 輸出:最後一個...
前言 昨天我們知道 Component 是什麼,與其優點。那我們今天就接續介紹在 Component 中使用表達式、以及如何客製化撰寫 Component 。 何謂 Declarative 宣告 開始...
在本地化 (localize) 文字訊息時,我們可能會遇到需要特別處理 HTML tag的情況,什麼意思呢?我們來看一下上圖紅框中的句子的 HTML 結構。 <p> For a gu...
React的核心就是將UI拆成不同的程式碼,以元件的方式獨立,讓元件可以在主程式中重複利用。 而要使用這些元件前我們必須將元件宣告後輸出使用。 宣告方法有兩種方法: 1.Functional Comp...
昨天解說 Vue 如何製作 Web-Component 今天來說明一下 , 那 React 如何製作 Web-Component 呢 ? 可以利用 direflow.io 利用 direflow...
React是由component所組成,Component可以將 UI 拆分成獨立且可重複使用的程式碼,在 React 元件模組化的概念下,建構 web 頁面 UI 時,就很像是在堆積木,而每一塊積木...
前言 昨天我們認識了 JSX 語法,透過 JSX 語法我們可以方便地在 JavaScript 中輕鬆撰刻畫 UI 介面。而今天我們要來認識 React 元件,了解 React 為何要使用元件概念、以及...