美文网首页React 笔记
React Component的多态实现 —— computed

React Component的多态实现 —— computed

作者: 三刀不留Ethan刀奈特 | 来源:发表于2017-07-02 18:20 被阅读0次

    React中虽然有很优秀的状态机机制(State),但对于一个控件中嵌套了需要根据状态值改变显示效果的时候,不能总是setState({A:value,B:value,C:value}),虽可以通过preState保证一致性不受某个操作倒置传值出错,但极不优雅。

    computed property name 就很很好的解决这个问题,每个子控件设置name参数,保证父控件在初始化的时候将每个子控件的name指初始化为是本身的state属性,然后在触发回调方法的时候通过setState({[name]:value})将目标值更新,从而达到更新UI的效果。

    希望能从这种松散的语法中感受到其中的奇妙,非常有趣

    相关文章

      网友评论

        本文标题:React Component的多态实现 —— computed

        本文链接:https://www.haomeiwen.com/subject/xkfocxtx.html