輕鬆學習

一段程式碼了解 React 基礎用法 ( 新手向

[vc_row][vc_column][vc_message]本環境使用 es6 語法及 jsx , 如須本機測試請自行配置編譯環境 ( babel 等等 )[/vc_message][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]先上程式碼範例連結 [https://codepen.io/a9650615/pen/RKVEOq] 本範例功能包含 顯示/隱藏 及添加新元件 先從最底下 React.render 講起，這行的功能在於渲染虛擬元素到 #app 的 div上 Example 元件 Example 這個元件, 裡面包含了 > * react 的 render 函式 * es6 的 class constructor( 建構子 ) * 兩個自定義的 function (_add, toggleShow) 先從 react 的 render 開始，由於 react 的元素是用虛擬元素 ( 官方介紹 [https://facebook.github.io/react/docs/introducing-j