File tree 4 files changed +6
-6
lines changed
4 files changed +6
-6
lines changed Original file line number Diff line number Diff line change 4
4
domid : hello-example
5
5
---
6
6
7
- React component 需要實做 ` render() ` function,這個函式接受輸入的資料並回傳需要顯示的內容 。這個範例使用了 JSX,一個類似 XML 的語法。傳入給元件的輸入資料可以透過 ` this.props ` 在 ` render() ` function 中存取。
7
+ React component 需要實做 ` render() ` function,這個 function 接受輸入的資料並回傳需要顯示的內容 。這個範例使用了 JSX,一個類似 XML 的語法。傳入給元件的輸入資料可以透過 ` this.props ` 在 ` render() ` function 中存取。
8
8
9
9
** 使用 React 並不一定要使用 JSX。** 試試看 [ Babel REPL] ( babel://es5-syntax-example ) 來了解由 JSX 編譯步驟產生的原始 JavaScript 程式碼。
Original file line number Diff line number Diff line change 4
4
domid : todos-example
5
5
---
6
6
7
- 透過靈活運用 ` props ` 跟 ` state ` ,我們可以寫一個很簡易的待辦事項 App 。這個範例使用 ` state ` 保存目前所有的待辦事項以及使用者目前輸入的文字。雖然這些 event handler 像是直接寫在程式碼中,實際上 React 內部會自動收集他們並透過 event delegation 實做。
7
+ 透過靈活運用 ` props ` 跟 ` state ` ,我們可以寫一個很簡易的待辦事項的應用程式 。這個範例使用 ` state ` 保存目前所有的待辦事項以及使用者目前輸入的文字。雖然這些 event handler 像是直接寫在程式碼中,實際上 React 內部會自動收集他們並透過 event delegation 實做。
Original file line number Diff line number Diff line change @@ -3,6 +3,6 @@ title: 元件式開發
3
3
order : 1
4
4
---
5
5
6
- 首先實做一個自我獨立的 component,然後活用他們建立複雜的使用者界面 。
6
+ 首先實作一個擁有 state 的獨立 component,然後組合他們建立複雜的使用者介面 。
7
7
8
- 因為 component 的邏輯是用 JavaScript 寫的而不是使用其他樣板語言,你可以輕鬆的在你的程式中傳遞複雜的資料而不需將其藏在 DOM 之中。
8
+ 因為 component 的邏輯是用 JavaScript 寫的而不是使用其他樣板語言,你可以輕鬆的在你的程式中傳遞複雜的資料而不需將其藏在 DOM 之中。
Original file line number Diff line number Diff line change @@ -3,6 +3,6 @@ title: 宣告式
3
3
order : 0
4
4
---
5
5
6
- React 讓實做互動式的使用者界面變得一點也不痛苦。 你只要在你的應用程式中為每個情境設計一個簡單的 View ,React 就為在資料變更時自動有效率的只更新並重繪有異動的元件 。
6
+ React 讓實作互動式的使用者界面變得一點也不痛苦。 你只要在你的應用程式中為每個情境設計一個簡單的 view ,React 就會在資料變更時有效率的自動更新並 render 有異動的元件 。
7
7
8
- 宣告式的 View 讓你更容易預測你的程式的行為,同時也較為容易除錯。
8
+ 宣告式的 View 讓你更容易預測你的程式的行為,同時也較為容易除錯。
You can’t perform that action at this time.
0 commit comments