测开技能--Web开发 React 学习Props 的只读性

Posted 2021-04-25 雷子说测试开发

        

       

        

        

        

        

        

        。。。。。这是第八篇。 本篇，简单的就讲解下props，在后面中我们都会和props打交道，这里知识做了一个简单的讲解。在后续的我们会有实际用到的时候，大家会看到，更加详细的做法。这里今天只是讲解下。

    组件无论是使用函数声明还是通过 class 声明，都决不能修改自身的 props。

    来看下这个 sum 函数：

function sum(a, b) { return a + b;}

    这样的函数被称为“纯函数”，因为该函数不会尝试更改入参，且多次调用下相同的入参始终返回相同的结果。

相反，下面这个函数则不是纯函数，因为它更改了自己的入参：

function withdraw(account, amount) { account.total -= amount;}

        React 非常灵活，但它也有一个严格的规则：

        所有 React 组件都必须像纯函数一样保护它们的 props 不被更改

        ————————————分割线————————————————

        学习的过程，是一个漫长的过程，这些视频，我在下班的路上，都会反复看。而且还会一遍遍的去确认，有时候一个特性都记不住，都需要做笔记，我所有的笔记都会反复的看，学习哪有什么捷径，唯有潜下心来，去学习，付出的多少，就会收获多少。放弃了别人原本的时间去学习，比如别人在打游戏，你在进度，别人在地铁上刷抖音，快手，你在学习。在之前的文章中，我也有过分享。。有很好的剖析。