当前位置: 首页 > news >正文

React系列--三大属性 props refs state

https://blog.csdn.net/ImagineCode/article/details/82429819

props:组件外部向组件内部传值用,标签属性都挂载在 props上,

  <AddTodo    add={this.add}          length={todos.length}/>
  AddTodo   组件内部就可以使用 props来获取值, this.props.length
              组件内部也可以获取外部传递的方法, this.props.add(xxx) //获取add方法并传值,这样同时也可以把内部的值传递给外部组件的add方法处理。

refs:标识组件内部标签对象,组件内以操作真实的目标dom
   <input ref="newTodo">                 this.refs.newTodo.value              //获取input中输入的值                 注意此处一个是 ref 一个是 refs

state:待研究
  this.state({
    attr1:state1,
    attr2:state2  
  });

转载于:https://www.cnblogs.com/yyzyxy/p/9992724.html

相关文章:

  • LocationCoder 地图经纬度解析
  • 数据库隔离级别
  • 1.3创建项目「深入浅出ASP.NET Core系列」
  • 使用API自动生成工具优化前端工作流
  • dos基本命令
  • vue双向绑定原理及实现
  • Ubuntu
  • 阿里五年Java程序员的总结,献给还在迷茫中的你!
  • log4net配置
  • vue-cli在webpack的配置文件探究
  • oracle重命名数据库
  • C语言变长数组之剖析
  • pt-tools系列:pt-online-schema-change 最佳实践
  • 项目--HTML Canvas 和 jQuery遍历
  • 美团即时物流的分布式系统架构设计
  • hexo+github搭建个人博客
  • [rust! #004] [译] Rust 的内置 Traits, 使用场景, 方式, 和原因
  • iOS高仿微信项目、阴影圆角渐变色效果、卡片动画、波浪动画、路由框架等源码...
  • OSS Web直传 (文件图片)
  • RxJS 实现摩斯密码(Morse) 【内附脑图】
  • tab.js分享及浏览器兼容性问题汇总
  • vue和cordova项目整合打包,并实现vue调用android的相机的demo
  • 官方新出的 Kotlin 扩展库 KTX,到底帮你干了什么?
  • 基于游标的分页接口实现
  • 理清楚Vue的结构
  • 前端学习笔记之观察者模式
  • 如何使用Mybatis第三方插件--PageHelper实现分页操作
  • 入门到放弃node系列之Hello Word篇
  • 文本多行溢出显示...之最后一行不到行尾的解决
  • 吴恩达Deep Learning课程练习题参考答案——R语言版
  • 详解NodeJs流之一
  • 学习使用ExpressJS 4.0中的新Router
  • 原生Ajax
  • ​​​​​​​sokit v1.3抓手机应用socket数据包: Socket是传输控制层协议,WebSocket是应用层协议。
  • ​【C语言】长篇详解,字符系列篇3-----strstr,strtok,strerror字符串函数的使用【图文详解​】
  • ​第20课 在Android Native开发中加入新的C++类
  • ###项目技术发展史
  • #中的引用型是什么意识_Java中四种引用有什么区别以及应用场景
  • (Matlab)遗传算法优化的BP神经网络实现回归预测
  • (分类)KNN算法- 参数调优
  • (附源码)springboot 校园学生兼职系统 毕业设计 742122
  • (经验分享)作为一名普通本科计算机专业学生,我大学四年到底走了多少弯路
  • (删)Java线程同步实现一:synchronzied和wait()/notify()
  • (一)使用IDEA创建Maven项目和Maven使用入门(配图详解)
  • (一一四)第九章编程练习
  • (转)c++ std::pair 与 std::make
  • (转)IIS6 ASP 0251超过响应缓冲区限制错误的解决方法
  • (最简单,详细,直接上手)uniapp/vue中英文多语言切换
  • ******IT公司面试题汇总+优秀技术博客汇总
  • ***测试-HTTP方法
  • . Flume面试题
  • .【机器学习】隐马尔可夫模型(Hidden Markov Model,HMM)
  • .aanva
  • .NET / MSBuild 扩展编译时什么时候用 BeforeTargets / AfterTargets 什么时候用 DependsOnTargets?
  • .NET 5种线程安全集合