prop type XXX is invalid; it must be a function のエラーが出た時

@iwasaki 33views 更新:2017年3月1日
Warning: Failed prop type: MyDialog: prop type `loading` is invalid; it must be a function, usually from React.PropTypes.

みたいなエラーが出たときの対処法です。

このエラーメッセージで検索してみると

http://stackoverflow.com/questions/36127842/it-must-be-a-function-usually-from-react-proptypes

とかが上位の方でヒットします。このケースだと

誤:isRequred

正:isRequired

って感じでスペルミス乙!と思っていました。

がしかし、自分のをよくよく見てみると・・・

MyDialog.propTypes = {
  loading: React.PropTypes.boolean,
};
React.PropTypes.bool.isRequired // Booleanで必須

参考

http://qiita.com/koba04/items/bc13d1f42964278ae14e

(゚∀゚)全俺が泣きました。

↓以下のように修正しました。

MyDialog.propTypes = {
  loading: React.PropTypes.bool.isRequired,
};

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません