React中createRef使用

// ★ 最为推荐的一种创建ref的方式: createRef
class ClassicalRef extends React.Component {
/**
* React.createRef调用后可以返回一个容器,这个容器可以存储被ref所标识的节点
* 该容器是专人专用的
* */
nodeRef01 = React.createRef();
nodeRef02 = React.createRef();
showData = () => {
console.log('output-> this.nodeRef01.current.value::: ', this.nodeRef01.current)
console.log('output-> this.nodeRef02.current.value::: ', this.nodeRef02.current)
}
render() {
return (
<div>
<input ref={this.nodeRef01} type='text' placeholder='点击按钮提示数据'/> &nbsp;
<br/>
<div ref={this.nodeRef02}></div>
<button onClick={this.showData}>display node info</button>
</div>
)
}
}
posted @   Felix_Openmind  阅读(96)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
· SQL Server 2025 AI相关能力初探
· 为什么 退出登录 或 修改密码 无法使 token 失效
历史上的今天:
2022-09-15 【已确定可解决!!!】Couldn't acquire next trigger: Table 'jeecg-boot.qrtz_triggers' doesn't exist
*{cursor: url(https://files-cdn.cnblogs.com/files/morango/fish-cursor.ico),auto;}
点击右上角即可分享
微信分享提示