浅谈react hook （ ref）

import React ,{useRef,useState,PureComponent} from "react";

import ReactDOM from "react-dom";

import "./index.css";

// 使用 ref 子组件必须是类组件---------------- useRef

// useRef 在使用的时候，可以传入默认值来指定默认值，

// 需要使用的时候，访问 ref.current 即可访问到组件实例：

class Children extends PureComponent {

render () {

const { count } = this.props

return (

<div>{ count }</div>

)

}

function App () {

const [ count, setCount ] = useState(0)

// 1

const childrenRef = useRef(null)

return (

<div>

点击次数: { count }

<button onClick={()=>{

console.log(childrenRef);

console.log(childrenRef.current.props.count);

setCount(count+1)

}}>点我</button>

</div>

)

}

ReactDOM.render(<App />, document.getElementById("root"));

浅谈react hook （ ref）相关推荐

浅谈 React 生命周期
浅谈 React 生命周期浅谈 React 生命周期旧版的生命周期新版的生命周期详解各个生命周期函数 constructor getDerivedStateFromProps render c ...
【转】浅谈React、Flux 与 Redux
本文转自<浅谈React.Flux 与 Redux>,转载请注明出处. React React 是一个 View 层的框架,用来渲染视图,它主要做几件事情: 组件化利用 props 形成 ...
浅谈react和vue
浅谈React 和 Vue 相同之处: React 和 Vue 有许多相似之处,它们都有: · 使用 Virtual DOM · 提供了响应式 (Reactive) 和组件化 ...
浅谈 React Fiber
2016 年都已经透露出来的概念,这都 9102 年了,我才开始写 Fiber 的文章,表示惭愧呀.不过现在好的是关于 Fiber 的资料已经很丰富了,在写文章的时候参考资料比较多,比较容易深刻的理解 ...
Java防止Xss注入json_浅谈 React 中的 XSS 攻击
作者:陈吉转发链接:https://mp.weixin.qq.com/s/HweEFh78WXLawyQr_Vsl5g 前言前端一般会面临 XSS 这样的安全风险,但随着 React 等现代前端框 ...
浅谈React虚拟DOM
为什么要使用虚拟DOM 因为浏览器的DOM渲染是非常消耗性能的,很低效,我们使用虚拟DOM是为了提高DOM的渲染性能: 什么是虚拟DOM 虚拟DOM就是把真实的DOM树通过createElement转 ...
浅谈android hook技术
前言在测试android过程中,能对函数进行hook能帮助更加深入的进行测试,本文简单介绍了hook框架xposed和frida,从简单的小例子做了简单的演示,算是自己的学习的过程,是个入门的过程. ...
【转载】浅谈React编程思想
React是Facebook推出的面向视图层开发的一个框架,用于解决大型应用,包括如何很好地管理DOM结构,是构建大型,快速Web app的首选方式. React使用JavaScript来构建用户界面 ...
android hook 第三方app_【MiSRC】技术分享-浅谈android hook技术
注:本文为"小米安全中心"原创,转载请联系"小米安全中心" 前言 xposed框架 xposed,主页:http://repo.xposed.info/modu ...

浅谈react hook （ ref）

浅谈react hook （ ref）相关推荐

最新文章

热门文章