3.23. React Refs

发布时间 ： 2025-10-25 13:34:30 UTC      

Page Views: 41 views

React supports a very special attribute Ref which you can use to bind to the render() on any component of the output.

This special property allows you to refer to render() the corresponding support instance (backing instance) returned. This ensures that you always get the right instance at any time.

3.23.1. Usage

Bind a ref attribute to render on the return value of:

<input ref="myInput" />

In other code, through the this.refs get the support instance:

var input = this.refs.myInput;
var inputValue = input.value;
var inputRect = input.getBoundingClientRect();

3.23.2. Complete instance

You can use the this to get the current React component, or use the ref to get a reference to the component, as an example:

React instance 

classMyComponentextendsReact.Component{handleClick(){//Using nativeDOM
API Get Focus this.refs.myInput.focus();}render(){//When a component is inserted into DOM
，Add a reference to a component using the ref attribute this.refsreturn(



);}}ReactDOM.render(,document.getElementById('example'));
   
 In the example, we get the reference of the support instance of the input box, and the input box gets the focus after clicking the button. 
 
 We can also use   getDOMNode()   method to get the DOM element 
    
                    
                
                

                    

                        

                            
                                文章链接
                            
                            ：
                            3.23. React Refs 
                        

                    

                

            
        
        

            

    
        

            

                

                    
                        
                        
                            
Principles and Applications of WebGIS 

                        
                        
                             37
                        
                    
                    
                        

                            
 
 
 

                        

                    
                

                
            

        

    

    
        

            

                

                    
                        
                        
                            
Web框架 

                        
                        
                             942
                        
                    
                    
                        

                            
 
 
 

                        

                    
                

                
            

        

    

    
        

            

                

                    
                        
                        
                            
WEB基础 

                        
                        
                             287
                        
                    
                    
                        

                            
 
 
 

                        

                    
                

                
            

        

    

    
        

            

                

                    
                        
                        
                            
Principles, Technologies, and Methods of Geographic Information Systems 

                        
                        
                             102
                        
                    
                    
                        

                            
 
 
 In recent years, Geographic Information Systems (GIS) have undergone rapid development in both theoretical and practical dimensions. GIS has been widely applied for modeling and decision-making support across various fields such as urban management, regional planning, and environmental remediation, establishing geographic information as a vital component of the information era. The introduction of the “Digital Earth” concept has further accelerated the advancement of GIS, which serves as its technical foundation. Concurrently, scholars have been dedicated to theoretical research in areas like spatial cognition, spatial data uncertainty, and the formalization of spatial relationships. This reflects the dual nature of GIS as both an applied technology and an academic discipline, with the two aspects forming a mutually reinforcing cycle of progress.