【Day29】从小菜鸟使用React到现在踩到的地雷经验谈 (ᗒᗣᗕ)՞

这篇要来谈谈小菜鸟一开始到现在用React的时候踩到的地雷 !

最常见的忘记向下传state就透过子类别使用了

• 後来小菜鸟的解决方法，是会在父类别将所有有可能会用到的state向下传，再从子类别使用

使用Class Component的时候，function忘记绑在此Class

• 这个情况如果没有在Constructor里利用bind绑定function且又在function里使用到this的时候，函式里会不知道这个this是绑定谁 (会造成 Cannot read properties of undefined的错误)
• 小菜鸟的解决方法 : 每次建立完一个新函式，就先在Construtor里进行bind

在Class Component里使用生命周期componentDidUpdate的时候没有下条件去控制

• 这个情况会导致，页面一直重新被render造成无限回圈 (整个网页卡住的那种无限回圈R)
• 之後每次使用到componentDidUpdate这个生命周期的时候，都会特别去检查条件是否正确

在使用Function Component Effect的时候，没有传入第二个参数(变动的props)

• 第二个参数是用来监听props是否变动才去执行effect的，如果没有传入，会变成每次render或重新render的时候会一直重复执行effect，有时候传入太多相关联的props当作被监听的对象也可能造成无限回圈
• 一开始小菜鸟以为effect在一个Component里只能用一个，想说...天R~ 这样我一次监听多个props会无限回圈耶... 後来才发现effect在同一个Component上可以使用很多个，所以我都尽量拆开来写

以上，是小菜鸟开始用React到现在踩过的地雷(＞﹏＜) ，不知道各位是不是跟小菜鸟一样，

还是有踩过其他的地雷可以不吝啬地跟小菜鸟分享!

以後走的路越远，踩的地雷可能会越多，小菜鸟已经做好心理准备了 !!