技術 Day17 - [Components] 元件組合與溝通

雖然每個元件是獨立運作，但Vue設計元件的目的是為了讓每個元件都有各自的用途，然後再互相配合使用，如此一來，系統開發上也比較結構化。 比較常見的組合元件為父子元...

技術 React白話文運動10-React Props

前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

技術 「全端挑戰」熱門產品排行製作、了解react-router-dom、props與 ` ? : ` 的搭配

Day8 自己做一個價值幾十萬的動態網站 第八課：完成homePage主體feature、Announcement其他首頁components，並創造連接新分頁...

技術 「全端挑戰」 req.query與Array的查詢實作，全端串接新Api、練習props資料傳輸關係

Day19 自己做一個價值幾十萬的動態網站 第十九課：新篇章將api與clientSide網站UI介面連接 前一天我們了解到了axios，如何在介面與Api幫我...

技術 主廚推薦 - 科學單檔模組化料理

技術 了解 React Props 與簡單實作

挑戰 React 第十一篇 什麼是 props 大家還記得我們前幾篇說過 React Component嗎？ Component 可為function Comp...

技術 vue組件使用props、$emit傳遞數據

紀錄一下我的作品當中點擊get details按鈕跳出Popup組件，按下叉叉可關閉Popup組件的操作。 父組件MenusDetails.vue <te...

技術 [DAY 7] props 上面傳下來的屬性

［情境任務］ 小當家：各位！我又研發了兩個菜色了～嚐嚐看吧 解師傅：這菜炒得不錯啊！一樣把它們列在菜單上吧～ 餐廳有很多不同的菜名跟價格，我們是不是可以利用昨天...

技術 【D14】 小工具：超連結頁面（props 運用）

把 component 做多點變化，製作出 IG 或是一些個人介紹常見的「多連結工具（Bio Link Tools）」，也就是多個超連結在同一個頁面。因此在這邊...

技術 DAY 13 - 元件資料傳遞方式 props 、emit

DAY 13 - 元件資料傳遞方式 props 、emit 元件資料傳遞方式 每個元件的資料都是獨立的，我們不能直接修改元件裡的資料，所以要透過專門的資料...

技術 [DAY09]認識什麼是React State＆props?

今天我們要來介紹的是React State，那什麼是React State呢？簡單來說，state是屬於某一個Component裡面的資料，而且React會對S...

技術 [DAY10]了解React State＆props的實際範例

看完了那麼多文字之後，勢必須要一點實際範例來幫助我們更了解React State＆props的實際作用吧!今天的範例都會參考React官網範例。 首先來看看pr...

技術 [Day 23] props

這篇學的有點久，一直搞不懂他的概念是怎樣，經過我一番的努力，終於把他搞懂了!!希望大家看完我這篇也可以把它搞懂。 使用時機 在什麼情況下會使用props呢?我們...

技術 【Day 12】傳遞state給子層用props，但props不只用來傳遞state

在了解state怎麼定義、怎麼操作後，還有一個很重要的部分，就是state在元件中傳遞的方式。這個部分也就是大家普遍都很熟悉的props，不只在Vue中是使用p...

技術 Day 11 - 在React處理事件（上）

今天要學習如何在React中處理事件，以下是今天會提到的內容： 如何設定事件處理器 如何在事件處理器當中讀取props屬性資料 將事件處理器作為props 傳...

技術 【D17】 再探 props：修改上下層資料（part 1）

無論是在 D15 還是 D16，都是在同一層進行修改資料，或是使用參數從「親層」（Parent，個人比較喜歡翻成「親層」，而不是「父層」）傳到「子層」（Chil...

技術 Day 6 - 傳遞Props

今天進入props的學習，會討論以下的議題： 什麼是props 如何使用props 將JSX作為props傳遞 什麼是props 在 React 中，pro...

技術 [Day8]我的 react 學習記錄 - 渲染 variable & props 傳遞

這篇文章的主要內容 簡單說說 react 裡面把資料放到畫面上跟參數傳遞的方法。 渲染 variable 假設我有一些資料希望放到畫面上，像這樣。 funct...

技術 欸你是要進 Vue 了沒？ - Day28：Vue 組件間的溝通方式之 Props、defineProps() 來自父組件の快遞請收下

對，是系列文！在 Vue 中，組件之間傳遞資料的機制有許多種，本系列主要介紹父、子組件之間的溝通，分別為：「父傳子：Props」&&「子傳父：E...