关于react的一些疑问点

liumcb liumcb     2022-09-19     352

关键词:

1、refs

  <input type="text" ref="input">

  <div ref="div">222</div>

  <div ref={this.refHandle.bind(this)}>3333</div>

  则打印出来的 

  console.log(this.refs)    //object{input:input,div:div}

  ref是对元素添加的 一个属性,所有添加ref属性的元素,都将被放到一个对象中暂时储存起来,当想要访问这个DOM的时候,就可以通过this.refs.[name]来进行访问;

  ref的值不仅仅可以为一个名字,同时还可以为一个回调函数,

2、this.props

  <div name1="Jack" name2="Mary">666+++</div>

  则打印出来的 

  console.log(this.props);          //object{name1:"Jack",name2:"Mary"}

  this.props将所有的元素中的属性都放到一个对象中储存起来,当利用的时候就可以通过this.props.[name]来调用这个属性;

3.生命周期函数

  3.1 componentDidMount() 再生命周期中只会调用一次,当渲染完成之后,标识已经渲染成为真实DOM插入html中,这时候获取元素就需要ref来获取。

  每次渲染之后都可以调用这个函数里面的逻辑,比如我this.setState()之后,更改了数据的内容,会引发组件的重新渲染。

 

react15

...相对大一点的更新的(详情可以参考一下我的另一篇文章关于react15的一点总结),相对;来说react升级之后但react问题并不太多。但是react相应的配置,例如babel,react-hot-loader等相也做了一些升级。放到一起来说问题还是多一点... 查看详情

react,关于redux的一点小见解

  最近项目做多页面应用使用到了,react+webpack+redux+antd去构建多页面的应用,本地开发用express去模拟服务端程序(个人觉得可以换成dva).所以在这里吐槽一下我自己对于redux的一些见解。  Redux是状态管理的服务,可以当... 查看详情

关于video.js的一些普遍疑问[关闭]

】关于video.js的一些普遍疑问[关闭]【英文标题】:Somegeneraldoubtsaboutvideo.js[closed]【发布时间】:2012-12-0119:44:10【问题描述】:我对播放器有一些普遍的疑问。我会列出它们:video.js是否支持HLS视频格式?如果是这样,在什么平台... 查看详情

关于 ARM NEON 周期的一些疑问

】关于ARMNEON周期的一些疑问【英文标题】:somedoubtsregardingcyclesofARMNEON【发布时间】:2014-06-1306:33:22【问题描述】:我在汇编中编写了一些霓虹灯代码,旨在最大限度地优化。尽管由于寄存器冲突和流水线导致的延迟减少了,但... 查看详情

关于python的一些疑问(代码片段)

1.在默认unicode情况下,tuple中不能输出中文:如图hobby1=u‘篮球‘t_h=(hobby1,)printt_h输出:(u‘\u7bee\u7403‘,)  查看详情

关于可序列化交易的一些疑问?

】关于可序列化交易的一些疑问?【英文标题】:Somequeriesregardingserializabletransactions?【发布时间】:2011-10-1417:59:09【问题描述】:我已经读过,提交的隔离可以提供比可序列化隔离级别更多的并发性。我的问题是已提交的读隔离... 查看详情

关于“理解 Keras LSTMs”的疑问

】关于“理解KerasLSTMs”的疑问【英文标题】:Doubtsregarding`UnderstandingKerasLSTMs`【发布时间】:2019-05-2601:49:42【问题描述】:我是LSTM的新手,并且正在浏览UnderstandingKerasLSTMs,并且对DanielMoller的漂亮答案有一些愚蠢的疑问。以下是... 查看详情

关于 Angular 2 中的事件发出的一些疑问。这个例子究竟是如何工作的?

】关于Angular2中的事件发出的一些疑问。这个例子究竟是如何工作的?【英文标题】:SomedoubtsabouttheeventemitinAngular2.Howexactlythisexampleworks?【发布时间】:2017-11-2008:13:31【问题描述】:我是Angular2的绝对初学者,我对这个与框架如何... 查看详情

什么是 Virtual DOM 以及其他一些 React 疑问

】什么是VirtualDOM以及其他一些React疑问【英文标题】:WhatisVirtualDOMandfewotherReactDoubts【发布时间】:2018-08-0406:30:58【问题描述】:我刚开始学习ReactJS。我之前在所有项目中都使用过jQuery和Javascript,在完成教程之后,我对ReactJS有... 查看详情

java示例代码_关于如何在Spring应用程序中实现Hibernate DAO的一些疑问

java示例代码_关于如何在Spring应用程序中实现Hibernate DAO的一些疑问 查看详情

关于这个 Spring Batch @Scheduled() 注解以及如何手动启动 Spring Batch 作业的一些疑问?

】关于这个SpringBatch@Scheduled()注解以及如何手动启动SpringBatch作业的一些疑问?【英文标题】:SomedoubtsaboutthisSpringBatch@Scheduled()annotationandhowtomanuallystartaSpringBatchjob?【发布时间】:2021-10-2023:11:51【问题描述】:我是SpringBatch的新手... 查看详情

关于react的一些须知

之前为了学习redux买了一本《深入浅出react和redux》,只看了redux部分。最近重新一遍,还是很有收获,这里结合阅读文档时的一些理解,记下一些初学者可能不太注意的东西。原则:1.react原本的目标是为设计视图组件,UI=render(da... 查看详情

个人关于react的一些理解

##React背景React是当前前端最火的框架,它的理念思想及构建方法比AngularJS更适合做webApp。它是由facebook团队研发并开源到社区,所以它有很强大的技术背景,而且它的架构方式也很新颖,有很大的发展前景,极有可能是未来前端... 查看详情

react学习关于react框架使用的一些细节要点的思考

...一段时间后,会有意想不到的收获的)这篇文章主要是写关于学习react中的一些自己的思考:1.setState到底是同步的还是异步的?2.如何在子组件中改变父组件的state3.context的运用,避免“props传递地狱”4.组件类里有私有变量a,它... 查看详情

关于图像是如何运动的一点思考

   由于笔者没有学过正规的图像处理,只是自己在徒手撸控件时的一些思考,难免会有疏漏,敬请谅解。  最开始,我做一个图像变换的时候,方法是对一个个点进行单独的计算,以确定其变换的方法以及代码... 查看详情

关于ie9浏览器正式版新特性的一些疑问解答

很多朋友使用IE9浏览器后,出现各式问题.以下是IE9浏览器正式版新特性的一些疑问解答,希望对你有所帮助.1、IE9RTM支持迅雷等下载软件的调用么?答:在最早推出IE9Beta和RC版本的时候,早期版本的迅雷7等下载软件可能会碰到崩溃... 查看详情

关于湖北文理学院平衡信标组的疑问回应(代码片段)

 §01质疑来信尊敬的智能车组委会老师您好:2022年7月25日,举办了智能车的比赛。秉持着对学科竞赛的热爱,以及向各位参赛选手学习,追求进步。于是在B站观看了一些赛点的直播。大概昨天下午六点左右,我与... 查看详情

(我是初学者)自己关于java初学函数方法时的一些疑问即验证

学到函数方法了,这个可以在以后我们写程序时,遇到要多次重复的操作的时候,不用每次都写一次,直接调用就行了。减少了我们的工作量,而且也降低了错误率。但是在联系,也有一些疑惑。publicstaticbooleantest(inta){if(a>0){r... 查看详情