React 中的 document.getElementById() 等价物是什么？

在 React 中，我们有一个 Refs 的概念，它相当于 Javascript 中的 document.getElementById()。 Refs 提供了一种访问在 render 方法中创建的 DOM 节点或 React 元素的方法。

创建参考

Refs 使用 React.createRef() 创建并通过 ref 属性附加到 React 元素。

class App extends React.Component {
 constructor(props) {
   super(props);
   //creating ref
   this.myRef= React.createRef();
 }
 render() {
 //assigning ref
   return 
;
 }
}

访问参考

当我们将 ref 分配给渲染中的元素时，我们可以使用 ref 的 current 属性访问该元素。

const node = this.myRef.current;

创建反应应用程序：

第 1 步：使用以下命令创建一个 React 应用程序：

npx create-react-app foldername

第 2 步：创建项目文件夹（即文件夹名称）后，使用以下命令移动到该文件夹：

cd foldername

项目结构：它将如下所示。

文件路径-src/App.js：

Javascript

import React from 'react'
  
class App extends React.Component {
  
    constructor(props) {
        super(props);
        this.myRef = React.createRef();
      }
    onFocus() {
      this.myRef.current.value ="focus"
    }
    
    onBlur() {
      this.myRef.current.value = "blur"
    }
    
    render() {
      return (
        

          
        
      );
    }
  }
  
  export default App;

输出：