在之前的文章，[React Js] React 入門 ：建立 組件 ( Component ) [https://goo.gl/f5vKDT]
中有學到了如何建立一個 React 的 組件 (Component) 了，接著我們繼續來看組件中的 屬性 (props) :
--------------------------------------------------------------------------------
其實 組件 ( Component ) 的 屬性 ( props ) 就只是在 React.createElement() 的方法中一個 物件
在前一篇的文章，[React Js] React 入門 ：建立 組件 ( Component ) [https://goo.gl/f5vKDT]
中，我們建立了一個自己的 React 組件 (Component) ， 接下來我們更進階一點，使用 巢狀結構 來使用 React 的 組件
(Component)
--------------------------------------------------------------------------------
簡單來說 組件的 巢狀結構 ， 指的就是在 組件 中，還有
在 前一篇 [https://goo.gl/aFVMts] 的 React 的入門教學 裡有提到的 React Element，而 React Element
其實就是 React 組成的元件中的 最小單位
> 上面的 React Element 為 最小單位 的概念，必須要先有個認知
接著將以 組件 ( Component ) 的方式來建立 React Element
React 入門筆記，紀錄 實際安裝 與初步 渲染 HTML 元素 的筆記紀錄 ：
--------------------------------------------------------------------------------
安裝：
React 官網上，提供了不少的安裝方式，包含：Yarn、Npm、CDN…等等
> 官方網站：官方安裝說明
[https://reactjs.org/docs/installation.html#adding-react-to-an-existing-application]
這邊以 CDN 來來引用，比較不會由環境上的問題而比較簡單使用：
最近使用 純 JavaScript 選取 class 時，碰到了一些問題，我發現我沒有辦法像使用 document.getElementById
一樣，直接調用一些事件的方法，如：onclick
document.getElementsByClassName('classname').onclick = function(){
alert('click');
}
--------------------------------------------------------------------------------
這邊有個簡單也很基本的觀念：
在 HTML 中，一個物件的 ID 在整個
![[React Js] React 入門 ：組件 ( Component ) 的 屬性 ( props )](https://s3-ap-northeast-1.amazonaws.com/zwh.zone/2017/10/addthis-react-flux-javascript-scaling.png)
![[JavaScript] getElements ByClassName 取得對應的 Class 物件進行操作](https://s3-ap-northeast-1.amazonaws.com/zwh.zone/2017/09/javascript.png)