react学习总结

news/2024/5/4 15:58:21

react基础以及各个方面知识店等。一方面作为学习总结,另一方面也方便查阅,总结并无严格顺序,每天遇到则加上。

解构赋值

react 中遵循es6标准导入导出 解构赋值必须是导出多个class变量,或者是两个不同的class变量,然后用一个对象包括着设置属性和值

子组件向父组件传递数据(通过传递回调函数

setState一般与回调函数成对出现,回调函数是转换内部状态时的函数传统

  • 父组件定义函数方法。通过属性传入回调函数,供子组件需要时调用

  • 子组件通过this.props.handleChange作为回调函数进行调用(中间都有其他函数进行转换)

react 变量与props/state

保持state的简洁,不要出现计算得来的state。变量当然可以在render里面,任何自定义辅助函数里面用ver let const声明和使用,并不是都要写在props和state里面。props更多是为了传递数据,配置,state是状态管理,所以没有必要把函数内部变量声明到全局,受angular2思维影响

    // WRONG:
    constructor (props) {
        this.state = {
        listItems: [1, 2, 3, 4, 5, 6],
        itemsNum: this.state.listItems.length
        };
    }
    render() {
    return (
        <div>
          <span>{this.state.itemsNum}</span>
        </div>
    )
    }
    // Right:
    render () {
     var itemsNum = this.state.listItems.length;
    }

http://www.niftyadmin.cn/n/2097861.html

相关文章

推荐一本好书《改变,从阅读开始》

一个人的精神发育史就是他的阅读史&#xff01;本书选编了十九位智者的讲话&#xff08;包括林语堂、梁漱溟、梁启超、张君励、钱穆、熊十力等大家&#xff09;。这批活跃在上个世纪中国文化舞台的大人物&#xff0c;他们学贯东西&#xff0c;出入佛老&#xff0c;担当着接续中…

江苏理工学院计算机科学与技术学费,江苏理工学院各专业学费标准及住宿费标准...

江苏理工学院各专业学费标准及住宿费标准 (3页)本资源提供全文预览&#xff0c;点击全文预览即可全文预览,如果喜欢文档就下载吧&#xff0c;查找使用更方便哦&#xff01;19.90 积分江苏理工学院各专业学费标准及住宿费标准专业类别专业名称学费标准(元/生.年)文科类经济统计学…

javascript中boolean的类型转换,运算符和|| 的返回值

javascript是一种弱类型的语言&#xff0c;任何数据类型都能转换成boolean类型&#xff0c;转换规则如下&#xff1a; 数据类型 转换为boolean后的值 NAN FALSE null FALSE undefined FALSE…

OAuth2学习笔记

2019独角兽企业重金招聘Python工程师标准>>> 目前很多开放平台如新浪微博开放平台都在使用提供开放API接口供开发者使用&#xff0c;随之带来了第三方应用要到开放平台进行授权的问题&#xff0c;OAuth就是干这个的&#xff0c;OAuth2是OAuth协议的下一个版本&#…

解析器

源码分析 1 在调用request.data时&#xff0c;才进行解析&#xff0c;由此入手propertydef data(self):if not _hasattr(self, _full_data):self._load_data_and_files()return self._full_data2 查看self._load_data_and_files()方法---->self._data, self._files self._p…

了解javascript中的apply和call

apply和call是javascript中很重要的方法&#xff0c;虽然平时编程很少接触到&#xff0c;但是JS框架中到处在使用这2个方法。 这2个方法是在Function.prototype中&#xff0c;也就是说每个JS函数都有这2个方法。 alert(Function.prototype.hasOwnProperty("apply")…

2018.6.14

2018.6.14 引入回跳规则(BackJump Rule): [I1,P∘,I2]∥F↪[I1,ℓ]∥F,(C→l)if{[I1,P∘,I2]⊭FExistsCs.t.:F⇒(C→l)I1⊨Cvar(ℓ)undef.inI1var(ℓ)appearsinF[I_1,P^{\circ},I_2]\lVert F\hookrightarrow [I_1,\ell]\lVert F, (C\to l)~if \begin{cases}[I_1,P^{\circ},I…

进制间的互相转换适用版

好久不用进制转换&#xff0c;都忘了 今天回想一下&#xff0c;记录下自己最适合的方法&#xff0c;就是把要转换的进制先换成二进制&#xff0c;再转成目标进制 先是十进制转二进制&#xff1a; 依次除于2&#xff0c;能整除的记录0&#xff0c;不能整除的记录1 4这就是最后的…