react-quick-tutorial
react-quick-tutorial copied to clipboard
shiningjason
:rocket: 讓你用最短時間，充分體會 React 的脈絡思維
你好～目前剛學習reactjs,對於debug不是那麼熟練， 目前到此章節有卡關，查了原因似乎是因為react有更新調整， 將防呆機制另外搬遷為個別package做使用的樣子， 但我參考官網手冊在有用到資料驗證的TodoItem.js & TodoHeader.js開頭加入 import PropTypes from 'prop-types'; // ES6 依然在live-server上顯示失敗， 請問可否請教相關建議或解決方式?
> 意即當你在編輯器中儲存剛編輯完的程式，瀏覽器會立即重新整理，並顯示最新的結果 我在 Ubuntu14 + Version 71.0.3578.98 (Official Build) (64-bit) 只有第一次 live-server 有偵測到變更，瀏覽器也更新了。 但後面繼續更改內容，live-server 也沒偵測到（沒看到印 log），瀏覽器也就沒有重新更新。
4. 安裝 live-server 執行npm install -g live-server前需要先開啟node.js (nvm use node版本號)
在Level 8的[4. [ES6] 箭頭函數 (arrow function)](https://github.com/shiningjason/react-quick-tutorial/tree/master/level-08_dynamic-children#4-es6-%E7%AE%AD%E9%A0%AD%E5%87%BD%E6%95%B8-arrow-function)區段 ``` // Error: ES6 的匿名函數不會自動綁定 this，因此取不到 this.text setInterval(function() { console.log(this.text); }, 1000); ``` 應為ES5, 不是ES6
Hi shiningjason, 感謝你的教學, 很清楚明瞭, 我在學習過程中發現一點問題, 回報一下希望能幫助到你更版 “Level 7. 培養好習慣，設計防呆的 React 元件”章節有用到React.PropTypes.string 但React v15.5後已經不支援React.PropTypes, 進行到這段會報錯 (教學中提供的react cdn連結 https://cdnjs.com/libraries/react 目前已經是v16) ``` // 1. 使用 propTypes 定義參數的型別 TodoHeader.propTypes = { title: React.PropTypes.string, //Error:...
**貼心提醒** > Level 7. 培養好習慣，設計防呆的 React 元件 > https://github.com/shiningjason1989/react-quick-tutorial/tree/master/level-07_prop-types-n-default-values 根據官方ReleaseNote，在2017/04/07釋出的v15.5.0版本中 已經移除React.createClass及React.PropTypes https://github.com/facebook/react/releases/tag/v15.5.0 如果有Console有以下警告訊息 **Accessing PropTypes via the main React package is deprecated. Use the prop-types package from npm instead.** 請額外引入檔案...
