React Component的多态实现 —— computed
2017-07-02 本文已影响0人
三刀不留Ethan刀奈特
React中虽然有很优秀的状态机机制(State),但对于一个控件中嵌套了需要根据状态值改变显示效果的时候,不能总是setState({A:value,B:value,C:value}),虽可以通过preState保证一致性不受某个操作倒置传值出错,但极不优雅。
computed property name 就很很好的解决这个问题,每个子控件设置name参数,保证父控件在初始化的时候将每个子控件的name指初始化为是本身的state属性,然后在触发回调方法的时候通过setState({[name]:value})将目标值更新,从而达到更新UI的效果。
希望能从这种松散的语法中感受到其中的奇妙,非常有趣