react中createRef与useRef的主要区别在于用途的不同

阅读量：

前言

之前的文章向大家介绍了React中ref的使用方法，在其中详细讲解了useRef的用法。点击链接即可访问原文：
react中ref使用方法解析。这篇文章不仅向大家介绍了另一个概念——useRef，并分析了它们之间的差异

useRef

为了便于对比实验效果，在以下示例中我们采用不同的useRef实例生成两个input元素，并通过调用函数返回相应的值完成数据交互过程。随后，在执行update事件时同步输出相关信息以实现状态维护功能。

复制代码

    import React, { createRef, useRef, useEffect } from 'react'
    export default function App() {
    const inputRef = createRef(1)
    console.log(inputRef)
    
    const useInputRef = useRef(2)
    console.log(useInputRef)
    
    useEffect(() => {
        console.log(inputRef)
        console.log(useInputRef)
    })
    return (
        <div>

全部评论 (0)

还没有任何评论哟~