connecting...
Google translation for articles :
2 NEMBER donated to you!!

Reactでハマったエラーの対処法

nem1.70xem (2) 79 0 1

久しぶりに風邪を引いてしばらく大人しくしていました。

その間に細々とreactの勉強をしていたのですが、今回は練習のためにreactでTodoリストを作成していた時にハマったエラーと対処法をメモしときたいと思います。

 

 

○TypeError: Cannot read property '***' of undefined

これはリストの削除機能を作る時にハマりました。

そのまま翻訳すると「未定義のプロパティ「***」を読み取れません」といった感じなんですが、これはちゃんと定義されていないことが問題なようなのでアロー関数で書いてあげれば治りました。

 

before)

removeTask(text){
        var updatedTasks = this.state.tasks;
        updatedTasks.splice(updatedTasks.indexOf(text), 1);
        this.setState({tasks: updatedTasks});
}

 

after)

removeTask=(text)=>{
        var updatedTasks = this.state.tasks;
        updatedTasks.splice(updatedTasks.indexOf(text), 1);
        this.setState({tasks: updatedTasks});
}
 
こんな感じでちゃんと渡してあげたらスッと治りました。
 
 

○Cannot read property 'map' of undefined

このエラーはほとんど普通にタイプミスです。私の場合は「var tasksList=[];」を「tasks=tasksList」に定義し直していたのを忘れて「tasksList」で進めてしまっていたのでエラーが出たといった感じでした。

 

 

○まとめ

どちらもしょうもないミスなんですが、結構ハマった時間が長かったのでもし困っている方の助けになれたら嬉しいです。

Why don't you get crypt currency 'nem' by posting your blog article?

nemlog is blog posting service which has donation feature by crypt currency nem.
nemlog was launched to create environment which can be donated nem among NEMbers via blog articles.
Let's get nem by posting good blogs.

Nem prize event is being held frequently, Please join us on this opportunity!

nemlog registration from here
Register

NEMber who posted this article

ネムログ気になったのでライブドアブログからいくつか移行します。

趣味は読書(特に太宰治)、アニメ鑑賞(特に幾原作品)、京都観光。
京都には足繁く通っているので色んな情報を提供できたらと思います。

また、教育実習、学校教員(少しですが)を経験して思ったことも少し書けたら良いと思います。

現在はwebデザインを勉強中。
32992
0