react-quick-tutorial icon indicating copy to clipboard operation
react-quick-tutorial copied to clipboard

React.PropTypes.string deprecated

Open cakeant opened this issue 7 years ago • 0 comments

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: Cannot read property 'string' of undefined
  username: React.PropTypes.string,
  todoCount: React.PropTypes.number
};

我上網爬了一下, 目前須改用prop-types https://reactjs.org/docs/typechecking-with-proptypes.html index.html: include prop-types

...
<script src="https://cdnjs.cloudflare.com/ajax/libs/prop-types/15.6.0/prop-types.min.js"></script>
...

TodoHeader.js: React.PropTypes改成PropTypes

// 1. 使用 propTypes 定義參數的型別
TodoHeader.propTypes = {
  title: PropTypes.string,
  username: PropTypes.string,
  todoCount: PropTypes.number
};```

cakeant avatar Nov 07 '18 04:11 cakeant