react的一些思考

在做好第一个需求之后，我接到了一个react写的产品，这让我异常的兴奋，终于能写react了

开始做的时候整体框架已经搭建好了，这让我有点小失落，我还以为我要开始搭框架了呢，没事，搭的也挺好的。

有了angular和vue的基础，react上手也不是哥事，但是看了两天的api，感觉还是没入门，直接写项目代码吧，忐忑不安的就这样去写了，果然遇到了大坑。

antdui的坑，form表单必须通过阿里提供的api才能改变input框里的值，用就用吧，但是不能在生命周期里用，因为那样会触发下次的生命周期，会造成死循环。

但是我想在父组件里点击后改变input里的值啊，最初想着可以用props传入，然后在willmount的时候调用，把input框里的值set进去，但是会死循环。

昨天搞到半夜，回家里，晚上做个梦，解决了，为啥要用props传啊，为啥要在生命周期里调用啊，子组件根据form的api提供一个改变input值的方法，然后，父组件调用子组件里的方法不就行了，然后，不用props，不用生命周期。

再然后，我掉入了另一个坑，竟然找不到子组件的方法，查了半天，想起来了，子组件是有生命周期的，直接调用的话，人家还没有加载这个方法所以没有，这就引出了另一个问题，我怎么知道子组件是否渲染完了呢，vue里有this.$nextTick( ()=>{} )，查了react的官方文档，查了半天，没有这个方法，那就自己模仿把，其实很简单，setTimeout就行，promise也行，我用的setTimeout，ok，解决了，完美手工。

 

ps：关于父组件怎样调用子组件的方法，可以这样做，父组件通过props传递一个function给子组件，子组件将要渲染的时候，调用父组件的方法把子组件的上下文传递给父组件，父组件保存this值，然后在父组件里就可以开心的调用了，这里有个问题，是必须得确保子组件渲染后调用，如果保证不了，是找不到子组件的上下文的。