第一种常规做法:
<div className="confirm-money" ref="totalNeedPayRef"> { totalNeedPay } </div> import React from 'react'; import { findDOMNode } from 'react-dom'; const { totalNeedPayRef } = this.refs; const totalNeedPay = findDOMNode(totalNeedPayRef).innerText.replace(/,/g, '') * 1;
第二种超前做法:
<span className="price-num" ref={(ref) => this.payMoneyRef = ref}>investMoney</span> console.log(this.payMoneyRef.innerText);
相关推荐
为了获取真实的dom节点,文本输入框必须有一个 ref 属性,然后 this.refs.[refName] 就会返回这个真实的 DOM 节点。 var MyComponent = React.createClass({ handleClick: function() { this.refs.myTextInput....
开发react必须的react.development.js文件,react-dom.development.js文件,方便开发人员快速开发,react js用的最新版本16.13
05 React 键盘事件 表单事件 事件对象以及React中的ref获取dom节点 、React实现类似Vue的双向数据绑定
useDimensions - 用于测量DOM节点的React Hook
04_React虚拟DOM
react-dom.js
建立react项目必要导入的三个js包,网上比较难找所以在这里统一打包,为大家学习react更加方便
react中的虚拟dom和diff算法详解 虚拟DOM的作用 首先我们要知道虚拟dom的出现是为了解决什么问题的,他解决我们平时频繁的直接操作DOM效率低下的问题。那么为什么我们直接操作DOM效率会低下呢? 比如我们创建一...
听说你在找react-dom.development.js这个文件,在带走它前记得收藏加点赞、听说你在找react-dom.development.js这个文件,在带走它前记得收藏加点赞、听说你在找react-dom.development.js这个文件,在带走它前记得...
react,babel,react-dom三个包的整合,实现react环境的搭建
主要给大家介绍了关于React如何将组件渲染到指定DOM节点的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习下吧。
React.js所需的三个js文件
React.js所需三个js文件之2--react-dom.development.v17.js,在head引入script即可使用。
使用自定义元素将React组件挂载到DOM
react-dom插件