博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react学习总结
阅读量:6175 次
发布时间:2019-06-21

本文共 784 字,大约阅读时间需要 2 分钟。

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 (        
{this.state.itemsNum}
) } // Right: render () { var itemsNum = this.state.listItems.length; }

转载地址:http://bmqba.baihongyu.com/

你可能感兴趣的文章
iOS ScrollView上的view添加悬停效果
查看>>
Spring与MQ整合简单例子
查看>>
Apache-shiro学习
查看>>
React-Redux源码分析
查看>>
页面传递参数问题
查看>>
PHP FPM源代码反刍品味之五:信号signal处理
查看>>
5G网速真的有理论上那么高吗?
查看>>
Set添加自定义方法对象如何保证唯一性
查看>>
站在巨人肩膀上的牛顿:Kubernetes和SAP Kyma
查看>>
技术工坊|浅谈区块链的Layer2扩展(北京)
查看>>
SSM框架——详细整合教程(Spring+SpringMVC+MyBatis)
查看>>
Apache和PHP结合 及 Apache默认虚拟主机
查看>>
添加自定义监控项目配置邮件告警测试告警不发邮件的问题处理
查看>>
solidity智能合约的经典设计模式
查看>>
华为交换网络基础、基本配置、STP/RSTP
查看>>
SpringCloud 微服务 (十七) 容器部署 Docker
查看>>
不定项选择题
查看>>
netty 分析博客
查看>>
Spring Cloud构建微服务架构服务注册与发现
查看>>
BCGControlBar教程:如何将MFC控件的BCGControlBarBCGSuite添加到对话框中
查看>>