[React Js] React 入門 :組件 ( Component ) 的 屬性 ( props )
在之前的文章,[React Js] React 入門 :建立 組件 ( Component ) 中有學到了如何建立一個 React 的 組件 (Component) 了,接著我們繼續來看組件中的 屬性 (props)
:
在之前的文章,[React Js] React 入門 :建立 組件 ( Component ) 中有學到了如何建立一個 React 的 組件 (Component) 了,接著我們繼續來看組件中的 屬性 (props)
:
在前一篇的文章,[React Js] React 入門 :建立 組件 ( Component ) 中,我們建立了一個自己的 React 組件 (Component) , 接下來我們更進階一點,使用 巢狀結構
來使用 React 的 組件 (Component)
在 前一篇 的 React 的入門教學 裡有提到的 React Element
,而 React Element
其實就是 React
組成的元件中的 最小單位
上面的
React Element
為最小單位
的概念,必須要先有個認知
接著將以 組件 ( Component )
的方式來建立 React Element
的部分進行說明:
React 入門筆記,紀錄 實際安裝 與初步 渲染 HTML 元素 的筆記紀錄 :
最近使用 純 JavaScript 選取 class
時,碰到了一些問題,我發現我沒有辦法像使用 document.getElementById
一樣,直接調用一些事件的方法,如:onclick
document.getElementsByClassName('classname').onclick = function(){
alert('click');
}
最近到某家的科技公司面試,被詢問了一些關於 JavaScript 的問題,被問到了其中一題如下:
typeof null === 'object' && (console.log('null is a object'))
這題很直接的就在考對 JavaScript 的物件的熟悉度,當下這題我並沒有回答出正確的答案,也代表這自己對 JavaScript 的 物件,還不是這麼的熟悉
之後詳讀了相關文件,於下方做紀錄:
indexOf
為 JavaScript 提供來搜尋 陣列(Array) 元素的方法,根據 搜尋的項目 來比對 陣列(Array) 的 元素,回傳其 索引值
, 如果都沒有搜尋到結果,則回傳 -1
如下:
什麼是 this
對於一個 JavaScript 的新手來說,是一個很頭大的問題,其實並沒有這麼的複雜,下面來實際說明:
在前一篇文章: javascript-非同步asynchronus-函式 中,我們介紹了 非同步(Asynchronus)
的觀點了,再來將說明如何使用 回呼函式(callback)
來進行撰寫較易維護的編碼: